Gleap. A studio where matte-black ink dots float over linen architecture.
- SaaS
- Light theme
- 12 colors
- 2 typefaces
Gleap operates in a warm-paper product language: a slightly cream canvas carries flat, low-elevation surfaces in sage-tinted stone, with almost no chromatic presence — one vivid green dot punctuates an otherwise fully achromatic system. The whole product reads as architectural: weight 400 headlines, tight -0.01em tracking, and pill-shaped controls feel drawn rather than printed. Color is rationed to functional punctuation (status dots, active nav dots, gradient-free product screenshots) while the primary CTA is a matte black capsule, not a brand-colored button. Surfaces stack from canvas → white card → sage tile → glass overlay without ever using shadows as decoration; depth is communicated through color temperature shifts from cool gray to warm stone.
Gleap design system
Accent1
Green wash for highlight backgrounds, decorative bands, and soft emphasis behind content. Use as a supporting accent, not as a status color
Neutrals11
Hairline borders, strong dividers, selected-state outlines — used at 1-2px to outline cards, buttons, and focus rings
Primary action button background, dark text on light surfaces — near-black with a hair of warmth, anchors every CTA
Primary body and heading text — readable but softer than pure black, keeps long-form copy from feeling harsh
Secondary body text, navigation labels, and subdued headings. Do not promote it to the primary CTA color
Secondary body, helper text, descriptive copy — carries the most volume of any text color
Subtle labels, muted headings, decorative type — sits between caption and hairline
Circular accent tiles, muted card backgrounds — cool gray that sits one step back from stone for de-emphasized surfaces
Quietest surface tint, reserved for low-contrast dividers and hover-state hints
Secondary card fills, secondary button backgrounds, accent surface — sage-tinted beige gives neutral elements warmth without becoming chromatic
Page background, section surfaces — warm off-white that pushes the whole system toward paper rather than screen
Card surfaces, elevated panels, glass overlays — clean white floats above the linen canvas for primary content
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Onyx Border on Lime Pulse
8.88 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
