SaaS design systems

Secure Airlock Behind Glass. A system that moves from the protective dark of an airlock to the bright clarity of a control room.

Enterprise-friendly sophisticated-simplicity system — white canvas, deep navy text, Airtable Blue CTA accent, Haas typography with positive letter-spacing, blue-tinted multi-layer elevation.

Yellow-green spotlight on warm concrete.

Crisp Blueprint on White Canvas. Clean surfaces frame sharp typography and a singular, vibrant blue, like a detailed architectural plan on a clear white sheet, accented by a distinct highlight.

Monochromatic restraint with Cal Sans display + Inter body, multi-layered shadow elevation, lavish 80–96px section spacing, and zero brand color — boldness through grayscale confidence.

Clinical-grade calm — a near-white clinical canvas, charcoal ink, and a single teal accent reserved for status and CTAs. Modern grotesque sans, generous whitespace, low-radius cards, and outline iconography that signal healthcare-logistics infrastructure rather than marketplace flash.

Warm cream canvas with a vivid named-flavor swatch palette (Matcha, Slushie, Lemon, Ube, Pomegranate, Blueberry, Dragonfruit), Roobert with 5 OpenType stylistic sets, playful rotate-tilt hover animations, and multi-layer pressed-into-clay shadows.

Editorial recruitment microsite energy — a bold bilingual Japanese/English layout with an oversized "夢を、欲しがれ" headline voice, carousel-driven interview cards, a percentage preloader, and a confident red accent over a near-white canvas with deep charcoal ink.

A white-canvas global HR platform where a custom condensed grotesque (Bagoss) drives large-format headlines, Inter handles everything operational, and a rich purple-violet accent anchors every primary action against a deliberately airy background.

A warm paper-white canvas — not stark white but a soft oat tone — where a tight Sharp-Grotesk display sits in near-black, supporting copy warms to a brown-grey, and one electric Dropbox blue does all the calling-to-action. Cloud storage that reads as calm, editorial, and human.

Token-first design system reference for folk.

Editorial wellness calm — warm off-white canvas with near-black ink, a soft sage-green accent borrowed from nature imagery, generous whitespace, large breathing type, and quiet text-link CTAs. Minimal chrome, organic spiral iconography, numbered session system (I–XII).

Token-first design system reference for Ghost.

Warm wellness minimalism — soft cream canvas, amber-gold accent, and a serif/sans pairing (IvyOra-style display serif over a humanist sans) that reads as calm, caring, and human. Generous rounding, beige hairline borders, and photography-led layouts for an AI health companion built for seniors.

A warm sand-cream canvas carrying a confident serif-meets-sans pairing — a humanist serif for the big editorial headlines, a clean sans for everything else — anchored by the unmistakable HubSpot Sprocket orange that fills every primary button. Marketing software that reads as warm, editorial, and grown-up.

Editorial dark-canvas minimalism for a startup-building community — near-black

Warm, editorial AI-first helpdesk system — warm cream canvas, off-black ink, Saans with extreme negative tracking, sharp 4px corners, and Fin Orange as the singular brand accent.

Dark-mode-first issue tracker — near-black canvas, Inter Variable with weight 510 signature, aggressive negative tracking, brand indigo-violet accent, semi-transparent white borders, and luminance-stacked depth.

Token-first design system reference for Link-Kit.

Token-first design system reference for Loom.

Skincare that feels like self-care — a warm, soft-light wellness system built on a cream canvas, a coral-peach accent, deeply rounded cards, and a friendly geometric sans. Generous whitespace and pillowy radii make a clinical skin-analysis tool feel gentle and human.

A warm, hand-built marketing canvas where Cavendish yellow CTAs sit on near-black ink, a Means Web serif carries the headlines, and every button wears a tactile drop-shadow ledge — Intuit's small-business platform that still looks like an illustrator drew it.

Premium dark editorial community design — near-black canvas, warm off-white ink, a single confident high-contrast CTA, founder photography carrying the visual weight, and quiet sans-serif typography that signals exclusivity through restraint rather than decoration.

White-canvas collaborative-tool design with pastel accent pairs, Roobert PRO Medium with OpenType character variants, and a single saturated blue interactive color.

Product-intelligence clarity — a bright white canvas with near-black ink, a single confident electric-purple accent (#7856FF) carrying every CTA and data highlight, geometric sans headlines with tight tracking, generously rounded cards, and a restrained neutral gray scale that keeps the analytics story legible.

Warm-neutral minimalism with NotionInter's compressed display type, whisper-weight 1px borders, and the singular Notion Blue accent on a pure-white canvas.

A stark black-and-white editorial canvas where Patreon coral is the one electric accent, a heavy grotesque sets oversized headlines, and creators' work — not chrome — carries the color; a creator-economy platform that designs like a culture magazine.

Theatrical violet-lavender atmosphere with Mark Pro 800 display headlines, Eina01 body type, and signature glassmorphic floating panels over gradient meshes.

A bright white workspace canvas where deep aubergine does all the brand work — the unmistakable plum that fills every primary button and frames the multicolor hashtag logo — paired with a confident grotesque display and a quiet steel-blue link. Productivity software that reads as warm and human, not corporate.

Clinical optimism — deep cobalt navy on warm white, a modern geometric sans at confident weights, soft 12px radii, and atmospheric blue-to-violet gradient washes that turn a medical product into something aspirational and human.

A calm off-white plum canvas where a high-contrast Tobias serif sets the headlines, a TWK Lausanne grotesque runs the interface, and the only color that escapes the near-black palette is a soft violet glow — form-building that feels conversational, editorial, and quietly premium.

Cloud-security clarity — a clean light canvas with deep ink navy text, an electric lime-yellow signature accent for CTAs and highlights, soft cloud-gradient hero washes, generous rounded cards, and a confident geometric sans.

Startup-institutional clarity — the unmistakable YC Orange (#ff6600) as a single decisive accent over a pure-white canvas, near-black sans-serif text, square-cornered buttons, and a no-nonsense Helvetica-grade type voice that reads like a term sheet.

Warm, approachable professionalism — cream-tinted canvas, near-black with reddish undertone, Zapier Orange accent, three-font system (Degular Display + Inter + GT Alpina), border-forward design with sand neutrals.