Design System.
The visual foundations, colors, and connected systems behind this portfolio.
Color Palette
Mint
--color-mint
Mint Up
--color-mint-up
Mint Down
--color-mint-down
Lilac
--color-lilac
Lilac Up
--color-lilac-up
Sea
--color-sea
Highlight
--color-highlight
Sherbet
--color-sherbet
Sherbet Fade
--color-sherbet-fade
Rose
--color-rose
Marshmellow
--color-marshmellow
Peach
--color-peach
Biscuit
--color-biscuit
Oat
--color-oat
Background
--color-bg
Surface
--color-surface
Border
--color-border
Text (Primary)
--color-text
Text (Muted)
--color-text-muted
Light Down
--color-light-down
Light Down 2
--color-light-down-2
Light Down 3
--color-light-down-3
Accent
--color-accent
Accent Soft
--color-accent-soft
Typography
Display Font: Sora / 800 Weight
Building the systems of tomorrow.
Body Font: DM Sans / 400 & 700 Weight
Design is not just what it looks like and feels like. Design is how it works. A simple, bold, and high-performance system designed for clarity.
Mono Font: JetBrains Mono / 400 Weight
const system_status = "optimized_for_performance";