Headings · Outfit
Made to
stand out.
Display headings and brand moments.
Weights: 500, 600, 700.
MADM design library
One brand.
Every detail.
The colors, typography and atmosphere behind MADM. A living reference for the website and MADM OS.
Dark palette
Click a color value to copy it.
Typography
Clear information. A little personality.
Made to
Body · Inter
Clarity
comes first.
Body copy, navigation and controls.
Weights: 400, 500, 600.
Details · JetBrains Mono
Aa 0123
#C9A06A
Labels, numbers and technical details.
Weights: 400, 600, 700.
Surfaces & controls
A softer kind of precision.
Translucent glass, fine borders and warm gold accents. This panel uses the active theme’s glass surface.
- Panel radius
- 16px
- Button radius
- 999px · pill
- Glass blur
- 16px
- Gold gradient
- 115°
Live background
A quiet constellation.
Gold particles drift across blue connections. Move your pointer through the open background to see the interaction. The colors follow the selected mode.
- Connections
- 130px range
- Particle limit
- 110 nodes
- Pointer response
- 110–150px
- Motion
- Reduced-motion aware
CSS reference for the selected mode
Palette values are read directly from MADM’s master stylesheet. Your mode choice is saved in this browser. MADM OS uses the same brand foundation with controls adapted for daily work.