41 design systems, one for each app you loved (+ 3 of ours)
Each card opens a full design system styled in that app’s own measured colours, fonts and corners: colours, typography, corners and shadows, live components, real components from their site, real icons, product screens, and do’s and don’ts.
AltLeads · ours
The new AltLeads, built from your 23 picks (13 Oct 2026): warm paper, Notion blue, Lato. 26 working screens, every component copiable into Figma, rules, Laws of UX, light and dark.
The AltLeads that is live now (crm.altleads.com, 13 Oct 2026), copied exactly: Ocean Depth blue, Outfit, every screen incl. records, admin, settings, sales portal and signed-out pages. Made-up data. Light and dark.
Both AltLeads designs side by side: every screen (side by side or with a slider), part by part, value by value, contrast and Laws of UX scores, and a plain list of differences per screen.
CRM
Clean and quiet, like a modern spreadsheet that got a design upgrade.
Friendly and energetic, built around a bold purple button and a cheerful green accent.
Hand-built from HubSpot's own files: navy text, teal links and one orange button per page. Light and our classic dark.
Our exact study (12 Oct 2026): a cheerful shared spreadsheet with big coloured status cells, round Poppins titles and one strong blue. Built from monday’s own open-source Vibe files, with four working screen copies and 16 more real screens. Light, Dark and Black.
Our exact study (12 Oct 2026) of monday’s separate sales product: same Vibe design system in a calm light-teal frame, linked-record chips, a contact card with an email and activity timeline, a deals pipeline and AI agents. Four working screen copies, 28 more real screens.
Confident and corporate, built on strong blue and crisp white.
Crafted and tactile, like a playful workshop for growth teams.
Work tools
Sleek, focused, and almost black, built for people who live in the product all day.
Hand-built from Notion's live app: 741 real colours in light and dark, 1,666 real icons, two pixel-matched screens.
A busy, energetic productivity tool packed with colour-coded tags and bold buttons.
A friendly, confident workspace with big bold type and fully-rounded pill buttons.
A precise, structured spreadsheet-like tool that feels organised and businesslike.
A friendly chat app: an aubergine window, black-weight names and one green to send. New and classic design, light and dark.
A warm, creative doc tool with cream backgrounds and friendly accent colours.
Money apps
A polished, premium finance tool with a confident purple accent and crisp detail.
A bold, no-nonsense finance tool that uses a striking lime-green accent to stand out.
Clean corporate finance software that feels fast, precise, and trustworthy.
Confident HR and IT software with a warm, approachable orange energy.
Bold global HR platform that mixes a punchy purple hero with crisp black-and-white buttons.
Inbox & meetings
Premium, calm productivity tool that feels crafted and quietly luxurious.
Sharp, modern customer-service platform with bold black buttons and crisp edges.
Energetic AI support tool with a bold purple hero and a punchy lime-green highlight.
Playful, developer-friendly support tool with a bright green brand colour and a monospace feel.
A warm, paper-like notepad that feels calm and handwritten, not corporate software.
A clean, no-nonsense scheduling tool that feels simple and trustworthy.
A calm mail app: a pale blue-grey page, a white list card, a light-blue Compose button and one blue to send. Light and real dark.
WhatsApp Web and desktop (2025–26): its own colours, light and dark, and 275 icons read from its public web files, with 4 screen copies checked against real pictures.
Builders & consumer
YouTube on the desktop web (2025–26): home feed with chips, the new frosted-pill player, search, channel and Shorts, with 203 real colour tokens and six working copies.
The claude.ai web app (Oct 2026): a calm warm-grey chat where answers come in a serif, one big composer, artifacts in a side panel, real icons, light and dark.
A sharp, engineer-focused brand that feels minimal, fast, and serious.
A sleek, almost-black power-user tool with one bold red accent that feels fast and premium.
A serious, builder-focused tool with a dark moody marketing site and a plain light workspace underneath.
A bold, confident creative tool that strips everything down to pure black and white.
A friendly, approachable login screen that feels light, simple, and welcoming.
A warm, handwritten-feeling notebook that turns talking into tidy text
Kits & design systems
A no-nonsense black-and-white toolkit that lets content and components do the talking
A polished, modern SaaS kit that uses one confident purple to guide the eye
A soft, rounded, playful system built from gentle purples and pinks
A serious, dense enterprise console built for monitoring lots of technical data at once
A trusted, corporate CRM workspace organized around a familiar blue sidebar and clean record pages
A light, friendly support-tool kit with simple cards and a calm blue accent
Private reference for AltLeads. Values were measured from each company’s public website on 1 Oct 2026; their brands, logos and company-only fonts belong to them.