Skip to main content
Design system

Tokens & components.

The visual language behind Makershot — amber brand, Geist sans, Instrument Serif display, and shadcn primitives. What we ship for clients starts here.

Color

Brand

#f59e0b

Background

semantic

Surface

semantic

Foreground

semantic

Muted

semantic

Destructive

semantic

Typography

Display

Ship fast.

Headline

Senior studio work

Lede

Fixed-price packages for founders.

Body

Default body copy at 14–15px.

Mono label

EYEBROW · LABEL

Components

Buttons

Badges

Primary
Default

Elevation

Flat card
Elevated card
Pop card
Motion

Use motion-safe-transition for hover states. Respect prefers-reduced-motion. Scroll progress and fade-in stagger are the default entrance pattern.