Design system

How Mockingbirdis built.

The language behind every studio — typography, color, motion, and components. Shared so you can remix the system too.

Typography

Manrope for display, Inter for body. Tracking tuned for long-form legibility.

Color

A warm, neutral base with one signal accent — bronze — used sparingly.

Radius & spacing

A 12-14px radius language, 4px spacing grid, generous vertical rhythm.

Motion

Minimal, purposeful transitions — 200-300ms cubic-bezier for interactive feedback.

Components

Cards, buttons, inputs, tabs — all composed from the same eight primitives.

Tokens

CSS custom properties prefixed --v2- — themeable, cross-component, theme-aware.