Tusaro branding studio website long-scroll

Tusaro branding studio website long-scroll, minimal, editorial, light

Preview image. Unlock full-res

A long-scroll branding-studio website mockup for Tusaro, stacking oversized serif display type, a monochrome project grid, and a deep-blue case-study panel down a single column.

Summary

A full-page scroll capture of a branding studio site (Tusaro), shown as one tall vertical strip. The defining feature is the oversized serif display headlines (TUSARO, Strategie, Studio) anchoring an otherwise restrained, whitespace-heavy editorial layout.

Visual description

The page reads top to bottom as a sequence of stacked sections on white. It opens with a giant serif TUSARO wordmark spanning the full width, followed by an intro paragraph of German copy and a small project thumbnail. Mid-page sits a grid of monochrome case-study images at mixed sizes, broken by another huge serif headline (Strategie). A deep navy-blue full-bleed panel interrupts the white, holding a black-and-white photo and white text, before the page returns to white and closes with an oversized Studio set in serif at the very bottom edge. Body copy throughout is a small, quiet sans, creating a deliberate scale jump against the display serif.

Key takeaway

The scale contrast between page-width serif headlines and tiny sans body copy does all the hierarchy work without rules, color, or decoration. Dropping one saturated navy panel into an all-white scroll gives the page a single moment of weight and breaks monotony without adding a second accent.

Reuse notes

A strong template for a design or branding studio home page, portfolio, or about page where the work should speak and the chrome should recede. Pairs well with monochrome project imagery. Caveat: the giant serif type needs genuine whitespace around it, so it suffers on dense or content-heavy pages.

More like this