Brand tokens and the semantic roles they map to. Every swatch is driven by a Variable.
Anybody across the full scale. Desktop sizes are shown; the scale steps down at each breakpoint.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, with an inline text link consectetur adipiscing elit.
Lorem ipsum dolor sit
A single rich text element renders every base tag. Style these once and all CMS content follows.
Rich text mixes headings, paragraphs, links, lists and quotes. This block uses the same class as the project story, so it shows exactly how a story written in the CMS will look.
A quote inside rich text.
Bold text
Emphasis
One rhythm across the template. Bars show each token at its real width.
Inputs and textarea with labels, styled like the contact form, with an accent focus state.
We'll read it and reply within two working days.
Please try again in a moment, or write to hello@scene.studio.
Primary and secondary buttons as reusable components. Each pairs a label with a custom inline-SVG arrow that inherits the button colour and size.