Warm Component System — Design

Warm Component System — Design System

Built a complete design system from scratch. Not a concept — a real, coded, documented component library.

The brief I gave myself: what does a design system look like when the palette is warm? Deep olive, burgundy, and cream. Every decision had to earn its place.

Colour tokens, typography scale (Cormorant Garamond + DM Sans), spacing, and a full component library — buttons, inputs, cards, navigation, modals, toasts, badges, avatars. All variants, all states.

Coded version on GitHub — CSS custom properties, component files, live showcase page, physical interactions.

Design in Figma. Code in VS Code. Both delivered.