Design System & Style Guide

Canonical reference for colors, typography, spacing, components, and layout patterns.

Core Color Tokens

Ink

#1a2332

--kodie-ink

Ink Muted

#5a6577

--kodie-ink-muted

Ink Subtle

#8b95a5

--kodie-ink-subtle

Surface

#ffffff

--kodie-surface

Surface Warm

#f8f7f4

--kodie-surface-warm

Border

#e8e6e1

--kodie-border

Accent

#0d6847

--kodie-accent

Accent Hover

#0a5439

--kodie-accent-hover

Accent Light

#e8f5ee

--kodie-accent-light

Signal

#e85d2a

--kodie-signal

Signal Light

#fef3ee

--kodie-signal-light