The Moderne
visual language
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Moderne Design Kit skill
Drop the bundle into your coding agent
Morpheus Design Kit
Morpheus theme design library — tokens + components, light & dark · mirrored in Figma
Morpheus tokens & starter (code)
Backgrounds + typography CSS · lightweight starter HTML · markdown for Claude & friends
Strand spectrum · bright / deep pairs
Bar asset · 600×12
Download PNG
Backgrounds & greys/blacks
Font colors
Typography
Beausite · Poppins · IBM Plex MonoHeadline · Poppins
Aa
Body · Poppins
Aa
Technical · IBM Plex Mono
Aa
LABELS · 01 → 24 · CVE-IDS
Logo
White on dark · Midnight on light
Components
Flat · green accent · mono metaButtons
Green pill = primary CTA. Outline + green arrow = docs. Underlined ghost = inline.
Search field
Search recipes, docs, CVEs…
⌘
K
Mono placeholder + ⌘K. Inset field one step off its card.
Navigation
Carets flag dropdowns. Active item carries a 2px Digital Green underline.
On-page nav