KeepSimp design system · v4
Familiar. Calm. Consistent.
A shared reference for every tool we build. Inspired by Airbnb’s public design principles, with our own colors, fonts, and precise tokens.
A corner for every purpose
Radius sm
4px
Radius md
8px
Radius lg
12px
Radius xl
16px
Radius 2xl
24px
Radius 3xl
32px
Radius 4xl
48px
Pill
9999px
Colors with a clear role
background
Adapts to your theme
foreground
Adapts to your theme
primary
Adapts to your theme
muted
Adapts to your theme
border
Adapts to your theme
A colour for each kind of tool
Video
category-video
Audio
category-audio
Images
category-image
Documents
category-document
Developer
category-developer
Type that puts clarity first
Outfit for a little personality.
Inter for everyday reading. Comfortable spacing, clear labels, and room to breathe.
Geist Mono for code and exact values.
Controls that feel familiar
36px desktop control. 44px mobile touch target. 8px radius.
Pill radius, 36px desktop and 44px mobile height. Arrow keys move between options.
Toggle chips use checkbox semantics and show a tick when on.
Settings that fold, and feedback
Settings
Up to date
Progress
Design that welcomes everyone
Keyboard access, readable contrast, reduced motion, and layouts that work on small screens are part of the foundation. Change your theme above to inspect both palettes.