Skip to content
Library

Repeat. Repeat's lime washes act like marker strokes across cream stock, with near-black ink and pill-rounded cards floating flat above.

  • SaaS
  • Light theme
  • 7 colors
  • 2 typefaces

Repeat uses an editorial highlighter-on-paper language: a vivid lime wash dominates the canvas like a marker swipe, a warm cream ground reads as notebook stock, and a single near-black ink carries every word of authority. Typography is assertive and uppercase — Poppins at heavy weight sets section titles in tight 1.2 line-height stacks, while Montserrat runs the body in a calm 17px — the contrast between shouting headlines and conversational body is the visual rhythm. Components are flat, generously rounded at 25px, and rely on thin black borders rather than shadows; even the CTA is a near-flat white card with a hairline border sitting on the lime. The single lime accent should be used sparingly as full-bleed section punctuation, never as a button fill or text color — color here is atmosphere, not chrome.

Screenshot of Repeat
Captured from getrepeat.io on October 11, 2026

Repeat design system

Repeat

Brand1

  • Hero section background, full-bleed color punctuation — the single saturated surface color; never use for text, borders, or buttons

Accent2

  • Accent section background — soft violet surface for variety beats between white and lime sections

  • Accent section background — cool blue surface paired with Lavender Wash for tonal variety in content sections

Neutrals4

  • Dark borders and separators for elevated surfaces and inverted UI. Do not promote it to the primary CTA color

  • Secondary near-black surface — warmer than Ink, used as a fill on the logo grid tiles and nav background accent

  • Page canvas for body sections, feature row backgrounds — warm off-white that softens white cards and reads as paper stock

  • Hairline borders, dividers, input outlines, and card edges on light surfaces. Do not promote it to the primary CTA color

Try a pairing

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

Aa

Ink on Highlight Lime

16.63 : 1 contrast

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

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