Page
templates.
See the system applied. Marketing pages go loud with liquid chrome and Speed scenes. Product screens go quiet and functional, with yellow kept for the next action.
Loud for marketing.
Quiet for product.
Same tokens, two registers. Marketing uses liquid chrome, ripple and mascot scenes. Product uses plain Geist, dense rows, status colors and yellow only for the primary action, selection and focus.
MarketingCampaign landing page
Scene hero, yellow marquee, frosted features, a Sloth contrast, testimonial, pricing and FAQ. Liquid headlines and ripple sections.
Product · webDashboard app
Sidebar, command search, KPIs, a chart, a selectable data table, a settings form and an empty state. Functional type, no liquid.
Product · mobileMobile app screens
Home, list and create flows with tab bar, chips, badges, progress and a bottom sheet.
BrandPrint and digital
Business cards, posters, stickers, t-shirts, a social grid, a billboard and an email.
Two registers.
Liquid chrome headlines with one yellow word. Speed scenes in every hero, ripple between sections, frosted icon cards, one yellow surface per screen.
Geist 500 headings at 14 to 22 px, 44 px rows, 6 to 10 px radii. Yellow marks the primary button, the selected nav item and focus rings. Status uses green, amber, red and blue badges.
Speed appears only in empty states, success moments and the avatar. Never behind data. Sloth never appears in product.