Brand System · POC

Have A Seat — the warmth of the table, as a design system.

Every screen in this prototype is composed from the tokens, type, and components below. One system, many rooms. ← Enter the prototype

Palette

Warm paper, espresso ink, a terracotta seat

Dominant warm neutrals with three earthy accents. Terracotta leads; honey warms; sage opens onto the commons.

--c-cream
--c-cream-deep
--c-ink
--c-clay
--c-honey
--c-sage
--c-plum
--c-teal
Per-Seat theming

One component, five configurations

Set data-seat on any container and every accent retints. This is the unified-backend idea made visible.

CreatorSeat

Clay

LearningSeat

Teal

ClubSeat

Sage

BusinessSeat

Slate

CommunitySeat

Plum

Typography

Fraunces for warmth, Figtree for clarity

displayThere's a seat for you.
h1 / serif

A place to belong

h3 / serif

Pull up a chair

leadWarm, human, and private by default.
bodyThe quick brown fox gathers everyone at the table for supper.
eyebrowFind your seat
Components

Buttons, chips, avatars, controls

Family Learning Club Event Legacy Public Live now
AOGN LF+4

Card

Raised paper surface with a soft warm shadow and hover lift.

Tint panel

Accent-washed container for callouts.

Progress62%