Vibeshots
← Sites

Bureau Tonalli

bureautonalli.com
Bureau Tonalli website, live site

Live capture at 1440px, 2026-10-24

How it’s built

Layout
Black-and-white full-frame machinery image; small white top identity/contact, two tiny low-left information columns, bottom distributed links/time.
Type
Small white sans identity, small information headings and compact body copy; no giant display statement in view.
Color and surface
High-contrast monochrome machinery image with deep black space and subdued gray overlay text.
Components
Corner identity/contact, two low-left information columns and distributed bottom links/time.

What makes it work

  • Full-frame monochrome machinery image with restrained peripheral two-column information.
On a new subjectFor a printmaking archive, use a monochrome press photograph with two compact low-left information columns and sparse edge links.

Measured

Fonts loadedHelvetica Neue Bold, Helvetica Neue Light, Helvetica Neue Medium, Helvetica Neue Bold Placeholder, Helvetica Neue Light Placeholder, Helvetica Neue Medium Placeholder
H112px / 700
Body text12px
Page background#ffffff
Text color#000000
Page height9,521px

Computed CSS at 1440px, 2026-10-24.

Live behavior

Today
The desktop page uses a full-bleed, dark monochrome image of a sculptural vessel on a stone plinth, with “BUREAU TONALLI” at upper left, language links and “LET’S TALK” at upper right, two short studio-information columns over the lower image, and Projects, Insights, Studio, and a Paris clock along the bottom. The first desktop frame is washed gray; later t2 and hover frames are darker and show the vessel more clearly. At scrollY 750, the upper portion of a new image is followed by a broad white gap and a vivid red YSL Beauty project image with small project labels. Tablet and phone show a compact menu state over different project imagery.
Responsive
Desktop states use 1440×1000 with a 1440×9521 document; desktop-scroll is at actual scrollY 750. Tablet is 768×1024 with a 768×9516 document. Phone and fresh reduced-motion phone are 390×844 with 390×7853 documents. Desktop text samples use a declared Helvetica Neue Light family; the “LET’S TALK” label is 14px with a 15.4px line height. Tablet and phone opening states show “CLOSE” and “MENU” controls over large imagery rather than the desktop two-column studio copy. These viewport samples do not establish breakpoints.
Scroll
The desktop-scroll screenshot is measured at actual scrollY 750 in a 9521px document. It shows the lower edge of a monochrome hero image, a large white horizontal interval, then a red YSL Beauty project visual with “VIEW +” and a small 2026 label. The fixed-looking header and bottom navigation remain visible in this saved frame, but one position does not establish sticky behavior.

More like this