Skip to content
Browse
Library

Memorisely. A quiet, monochrome workspace where every element is a typographic decision.

  • Brand
  • Light theme
  • 9 colors
  • 1 typeface

Memorisely reads as a typographer's workspace: a warm cream canvas, pure white card surfaces, and a single near-black that serves as both text and primary action. The system is deliberately zero-chromatic — no blue, no green, no accent hue — letting Inter's weight contrast and tight negative tracking carry all hierarchy. Components stay flat and pill-leaning: a floating nav bar, 8px button corners, and 100px-radius interactive elements create a designed-by-a-designer feel without ornament. Separation comes from hairline borders in warm linen (#f2f0e9) and the cream-to-white surface jump, not from shadows or color.

Visit memorisely.com
Screenshot of Memorisely
Captured from memorisely.com on October 11, 2026

Memorisely design system

Memorisely

Neutrals9

  • Maximum-contrast icon strokes, dense border treatments where absolute weight is needed

  • Primary text, primary action button background, strong heading borders — the workhorse near-black that unifies copy and CTAs

  • Strong body borders, emphasis dividers — one shade softer than Ink Black for structural lines

  • Heading borders, emphasis underlines — a mid-dark accent for typographic rules

  • Muted body text, secondary copy, ghost link color — the first step down from primary text

  • Tertiary text, helper labels, company-logo grayscale treatment — the quietest readable gray

  • Hairline borders, subtle dividers, muted background washes — the warm-tinted replacement for #e5e5e5

  • Page canvas, body background — the base layer that gives the entire site its designed-by-hand warmth

  • Card surfaces, floating navigation, elevated content blocks — pure white sits one step above the cream canvas

Try a pairing

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

Aa

Paper White on Jet Black

21.00 : 1 contrast

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

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