Skip to content
Library

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.

Screenshot of Moonli
Captured from moonli.me on October 11, 2026

Moonli design system

Moonli

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

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.