Bruhs

A personal design system with colors named after fruit and type set in Monaspace.

Foundations

Seven accents and two warm neutrals in OKLCH

A Monaspace family for each text role

Six corner sizes named after fruit

Depth through background tones and inset rings

Separate content with space or surfaces

Spacing for each layout

Five durations and four easing curves

Styles for primary and secondary actions

Status labels in soft and outline styles

Native controls for text and choices

Floating content and stacking order

Spinners and empty states

Code blocks, inline code and keys

Heroicons at their native sizes

Three expressions and eight palettes

Copy the setup guide for your coding agent