Moonli. One vivid room carved out of monochrome space, framed by generous rounded edges.
- Crypto
- Light theme
- 6 colors
- 1 typeface
Moonli runs on radical color minimalism: a white canvas, black type, and one electrifying lime accent that appears as a single massive atmospheric block rather than scattered UI elements. The lime (#b8ff65) functions as a room, not a highlight — it floods the hero entirely and reappears in section backgrounds, never as a button fill or icon tint. Everything else is pure black-on-white, anchored by generous 30-40px border radii that soften the stark monochrome contrast. DM Sans carries the entire typographic system across a wide weight range, with tight letter-spacing that scales aggressively negative at display sizes (-0.05em at 58px). Line illustrations in black on the green surfaces add personality and warmth without breaking the two-color discipline. The result reads as confident, almost poster-like — like a single bright object in a gallery of white walls.

Moonli design system
Brand1
Atmospheric section backgrounds, hero block — the single chromatic voice of the system, used at full-section scale rather than as UI accent
Neutrals5
Primary text, all borders, all icons, scroll-indicator fill, logo mark
Muted helper text, secondary metadata, caption-level information
Card borders, hairline dividers on white surfaces
Secondary card surface, alternating section backgrounds
Page background, card surfaces, nav element fills
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Obsidian on Lime Voltage
17.53 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7











