Phase 1 — Foundation

Design System
Preview

Base components and tokens built in Phase 1. Toggle the theme using the button in the header to see light and dark modes in action.

Button

Variants

Sizes — primary

Sizes — secondary

Sizes — ghost

Disabled

Typography

Cormorant Garamond

The quick brown fox jumps

Inter — body text. The quick brown fox jumps over the lazy dog. 0123456789.

Color tokens

--background

--bg-secondary

--secondary

--card

--primary

--accent

--border

Test section — about

Test section — experience

Test section — projects

Test section — contact