Skip to content
Browse
Library

Mollie. Cashmere counter, dark ledger.

  • Finance
  • Light theme
  • 15 colors
  • 5 typefaces

Mollie is a white-canvas payments site built around oversized, tightly tracked black typography and photographic proof points. The page alternates quiet editorial space with contained product and customer imagery; warm cream cards, dark espresso product panels, and a restrained burnt-orange link accent interrupt the monochrome foundation. Inter’s low-weight display scale keeps large statements open and direct, while IBM Plex Mono uppercase labels provide a compact operational layer above products, media, and categories.

Visit mollie.com
Screenshot of Mollie
Captured from mollie.com on October 11, 2026

Mollie design system

Mollie

Brand1

  • Filled pill buttons and dark navigation controls — the brown-black fill keeps conversion controls tactile rather than corporate-blue

Accent7

  • Inline product-card links and compact interface highlights — a warm cue that reads as commerce material rather than a universal brand wash

  • Large circular decorative card accents and isolated graphic moments

  • Green text accent for links, tags, and emphasized short phrases. Use as a supporting accent, not as a status color

  • Green text accent for links, tags, and emphasized short phrases. Use as a supporting accent, not as a status color

  • Yellow text accent for links, tags, and emphasized short phrases. Use as a supporting accent, not as a status color

  • Red text accent for links, tags, and emphasized short phrases. Use as a supporting accent, not as a status color

  • Dark atmospheric product-media backdrop

Neutrals7

  • Display headings, navigation, body copy, icons, dark media panels, and hairline graphic details

  • Secondary dark text and headings where pure Ink is not used

  • Dark product-demo surfaces, data-led card backgrounds, and high-contrast visual blocks

  • Supporting body copy, explanatory text, and subdued interface labels

  • Muted metadata, inactive supporting text, and low-emphasis labels

  • Feature-card surfaces, pale pill buttons, understated separators, and surface outlines

  • Page backgrounds, navigation, text-on-dark, and light button surfaces

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Paper on Ledger Brown

13.93 : 1 contrast

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

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