Styleguide

Colors

Base design tokens driven by CSS variables and Tailwind v4 theme inline.

Backgroundvar(--background)

Foregroundvar(--foreground)

Primaryvar(--primary)

Primary fgvar(--primary-foreground)

Gray 200gray-200

Gray 800gray-800

Heading H1

Heading H2

Heading H3

Body base text size with default leading.

Monospace code sample using Geist Mono

Common spacing increments

p-1

p-2

p-3

p-4

p-5

p-6

p-8

p-10

p-12

Buttons

Utilities

Copy button demo

Fonts

Sans (var)

The quick brown fox jumps over the lazy dog

Mono (var)

const sum = (a, b) => a + b