Skip to content
Library

Glideapps. Monochrome drafting table with one electric teal spark.

  • SaaS
  • Light theme
  • 12 colors
  • 2 typefaces

Glide is a near-monochromatic, border-driven interface: black text, white canvas, and a single vivid teal that sparks to life only on primary actions. Typography is the main expressive instrument — a heavy workhorse sans for UI and a distinctive display face for headlines, both pulled tight with negative tracking. Components sit on hairline borders rather than shadows; the whole system reads like a precise drafting table where one electric accent is allowed to break the discipline.

Screenshot of Glideapps
Captured from glideapps.com on October 11, 2026

Glideapps design system

Glideapps

Brand1

  • Primary action background, logo mark — the single chromatic accent in an otherwise black-and-white system, creating unmistakable focus on CTAs without warmth or aggression

Accent1

  • Tinted wash for announcement pills, hover states on teal actions, and subtle accent backgrounds — extends the brand teal into ambient surface treatments

Neutrals10

  • Body text, heading text, icon strokes, hairline borders, and the dominant structural element — borders outnumber fills, so black reads as architecture not just type

  • Input field shadows and deep UI accents — near-black with a barely-perceptible warm undertone

  • Icon borders, link text on dark surfaces — another near-black tier for fine-grained contrast control

  • Secondary text, link borders, list dividers — slightly softer than pure black for non-headline copy

  • Muted text, button borders, link borders — mid-gray for tertiary information and inactive outlines

  • Disabled or placeholder text — the lightest readable gray

  • Faint link borders, low-emphasis dividers

  • Section background bands, muted surface alternation — warm-leaning neutral that prevents the page from feeling cold

  • Card surfaces, input backgrounds, secondary surface level — sits between white and stone for subtle elevation

  • Primary canvas, card surfaces, button backgrounds — the base layer of the surface stack

Try a pairing

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

Aa

Ink Black on Glide Teal

14.71 : 1 contrast

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

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