Rosetta

Rosetta is a one-page template for brand, design and communication studios. It pairs Instrument Serif with Aspekta on a café palette of oat milk, coffee, mango, ice blue and deep green, and gives each colour one job.

The home page walks a visitor through the studio in order: a full-bleed hero, a short statement with figures that count up, a looping client ticker, and services that change one by one as you scroll. A bento section introduces the team with a slow orbit of portraits, a chat thread and a pricing card. Then comes a showreel card that grows to full screen and opens a YouTube player, a five-step approach drawn as you scroll, the team, values, results and an FAQ.

Motion is gentle throughout. Images open with a soft reveal and drift slightly on scroll, and Lenis smooth scrolling is built in. Visitors who prefer reduced motion get a still version.

What's included:

• Pages: Home, Contact with a working form, Imprint and 404

• CMS collections: Services, Approach, Team, Values and FAQ

• Newsletter: sign-up in the footer

• Components: Header, buttons, links, FAQ item and form buttons with pending, success and error states

• Styles: colour and text styles for every element, on a 12-column grid

• Layouts: desktop, tablet and phone