Imaginary

Design System.

This system is for site structure: containers, spacing, grid, flex, typography, color tokens, buttons, cards, forms, and tables.

System

Colors

Brand tokens from the supplied Imaginary palette.

 System

Typography

Clean Google font stack for headings, UI, and body text.

 System

Layout

containers, grid columns, flex, and spacing utilities.

 System

Components

Buttons, cards, panels, forms, badges, and tables.