UI Skillbook
2

Design systems set in Inter

Brands and apps whose DESIGN.md names Inter as a typeface, including Figma, Linear and Notion. Each file also lists the sizes, weights and colors that go with it, so your coding agent can match the whole style.

245 files, page 2 of 6

Files

Drata

Brands · Inter

Compliance automation design with confident blue identity, audit-ready surfaces, continuous monitoring clarity, and framework-mapped controls.

Drift

Brands · Inter

Conversational marketing design with bold teal identity, chat-first surfaces, real-time engagement UX, and pipeline-focused messaging.

DuckDuckGo

Brands · Inter

Privacy search and browser design with friendly orange identity, clean utility surfaces, and no-tracking clarity.

Ecosia

Brands · Founders Grotesk

Ecosia is a search engine and browser that puts "100% of profits for the planet": "We use all our profits for climate action, with the majority going into tree-planting projects around the world." Its homepage counts…

Elastic

Brands · Inter

Elastic UI (EUI) is Elastic’s public React component framework: its documentation presents themed components, setup guidance, and implementation patterns for software interfaces. The captured EUI home, components…

Elevenlabs

Brands · Inter

A voice-AI brand whose marketing surfaces read like a quietly editorial print magazine. The base canvas is off-white (#f5f5f5) holding warm near-black ink (#292524); the brand voltage is photographic, not chromatic —…

Epidemic Sound

Brands · Sebenta

Epidemic Sound licenses music and sound effects to brands and creators — "an expansive catalog of world-class music and sound effects that's seen and heard over 3 billion times a day", more than 55,000 original…

Expedia

Brands · Inter

Travel booking with royal-blue trust signals, search-led layouts, and marketplace clarity. Expedia's public site uses strong blue framing, white cards, rounded search modules, and broad travel category browsing.

Expo

Brands · Inter

A React Native developer-platform whose marketing site reads like a quietly-confident infrastructure brand. The base canvas is pure white with a soft sky-blue gradient atmospheric wash behind the hero; near-black ink…

Fastly

Brands · Inter

Edge cloud design with bold red identity, performance-metric surfaces, developer-focused configuration UX, and global CDN clarity.

Fly.io

Brands · Inter

Edge compute design with terse developer confidence, dark machine surfaces, and globally distributed deployment clarity.

Framer

Brands · Inter

A confident dark-canvas builder marketing site that treats the page like a working artboard — pure black surfaces, white display type set in GT Walsheim Medium with aggressive negative tracking, and a single…

Freshdesk

Brands · Inter

Customer support platform with a vibrant teal brand, clean white workspace, and ticket-centric UI.

Genie Music

Brands · Spoqa Han Sans

Genie (지니) is the music-streaming service of 케이티지니뮤직 (KT Genie Music), a KT-affiliated company in Seoul whose own history starts in 2000 with the personal music-broadcast site Muzcast.com. The company ran KTF's…

Ghost

Brands · Inter

Independent publishing design with elegant dark identity, minimal editorial surfaces, membership-first UX, and creator-owned content clarity.

GitBook

Brands · Inter

Knowledge-layer design with polished documentation surfaces, AI-ready content tools, and warm editorial accents.

GoDaddy

Brands · Inter

Small-business website and commerce design with confident black-and-green branding and guided-builder simplicity. GoDaddy’s current visual language mixes bold identity, rounded utility controls, and approachable…

Gong

Brands · Inter

Revenue intelligence design with bold purple identity, call-recording surfaces, deal-signal clarity, and AI-coaching UX.

Grafana

Brands · Inter

Observability-platform design with dark dashboards, strong signal color, and reusable interface logic. Grafana’s Saga system emphasizes accessibility, flexibility, coherence, and patterns that scale across dense…

Greenhouse

Brands · Inter

Applicant tracking and recruiting platform with a clean, structured aesthetic — white surfaces, green brand anchors, and pipeline-stage-first UI.

Groq

Brands · Inter

AI inference design with electric orange identity, speed-first surfaces, token-throughput clarity, and developer-performance UX.

Gusto

Brands · Tiempos Text

Payroll and HR platform with a warm, people-first aesthetic — coral-orange brand accents, generous whitespace, and human-centered data UI.

Heptabase

Brands · Instrument Sans

Heptabase is a visual note-taking and knowledge-management app built around an infinite whiteboard of cards, and its marketing site mirrors that product ethos: calm, paper-like, and almost editorial. The canvas is a…

Hex

Brands · Inter

Collaborative data notebook and analytics platform with a clean modern aesthetic — white surfaces, vivid amber accents, and notebook-cell-first UI patterns.

Hoppscotch

Brands · Inter

Open-source API development platform with a vibrant dark aesthetic — deep surfaces, electric green brand accent, and request-testing-first UI.

Hotjar

Brands · Inter

Behavior analytics design with warm coral identity, heatmap visualization surfaces, session-replay clarity, and user-empathy UX.

HubSpot

Brands · HubSpot Sans

HubSpot's homepage is a warm, modern marketing platform — approachable and energetic without sacrificing professionalism. The page opens on a canvas cream background (#fcfcfa), a softly warmed white that reads…

Hyperconnect

Brands · Poppins

Hyperconnect (하이퍼커넥트) is a video-technology company founded in 2014 and best known for Azar, its video chat app (the Product page's calls to action read "START VIDEO CHAT" and "INSTALL AZAR APP"). Its careers site…

Jobright

Brands · Inter

An analysis of Jobright's design language — an AI job-hunting platform built on an energetic spring-mint green against black and white, with pale-mint section bands carrying the page rhythm. Bold condensed Titillium…

Lattice

Brands · Inter

People management platform with a clean, professional aesthetic — white surfaces, teal-green brand, and performance-review-first UI.

LaunchDarkly

Brands · Inter

Feature management design with bold teal identity, flag-first surfaces, targeting-rule clarity, and safe release confidence.

LayerX

Brands · Inter

LayerX is a Tokyo-based "compound startup" whose mission — すべての経済活動を、デジタル化する ("digitize all economic activity") — sets the tone for a design language that is at once corporate-trustworthy and quietly futuristic. The…

Lemon Squeezy

Brands · Inter

Merchant of record and digital commerce platform with a bright, playful yellow brand and clean, conversion-focused UI.

Liveblocks

Brands · Inter

Real-time collaboration infrastructure with a clean developer aesthetic — dark surfaces, electric blue presence indicators, and multiplayer-first UI patterns.

LottieFiles

Brands · Inter

Animation platform and marketplace with a playful, creative aesthetic — vivid teal-green brand, white surfaces, and motion-first UI patterns.

Mastercard

Brands · Circular

Mastercard's experience reads like a warm, editorial magazine built from soft stone and signal orange. The canvas is a muted putty-cream (#F3F0EE) — not white, not gray, but a color that feels like the paper of a…

Midjourney

Brands · Inter

AI image generation platform with a dark, gallery-first aesthetic — deep charcoal surfaces, muted gold accents, and image-forward grid UI.

Mintlify

Brands · Inter

Mintlify presents documentation infrastructure with a dual-mode aesthetic — atmospheric sky-gradient marketing heroes (cloud illustration backdrops, soft cream-to-blue washes) paired with dense developer-grade…

Mistral Ai

Brands · Inter

Mistral AI brands itself with a singular signature — atmospheric sunset gradients (mustard, orange, deep red) layered over photography of mountains, plus a horizontal "sunset stripe" bar that closes every page. The…

Mixpanel

Brands · Inter

Product analytics design with rich purple identity, event-driven dashboards, funnel visualization, and user-journey clarity.

Moreh

Brands · Inter

Moreh (모레) is an AI-infrastructure software company founded in September 2020. Its About page names the problem it works on: running AI at scale means solving parallelization, disaggregation, cluster scheduling and…

Mozilla

Brands · Mozilla Headline

Mission-driven web brand with activist energy. High-contrast black and off-white, bright green and seed accents, Mozilla Headline and Mozilla Text, and bold editorial blocks create a system that feels…

Mux

Brands · Inter

Video infrastructure platform for developers with a dark engineering aesthetic — deep charcoal, electric pink accents, and video-player-first UI patterns.

Neon

Brands · Inter

Serverless Postgres design with dark developer-native surfaces, bright green database accents, and branch-based workflow clarity.

Netlify

Brands · Inter

Modern web platform with bright teal-blue energy, black-and-white structure, and agent-ready developer tooling. Netlify's public site uses clean sans typography, strong contrast, code examples, and bright cyan/teal…

New Relic

Brands · Inter

Observability platform design with bold teal identity, full-stack telemetry surfaces, query-builder clarity, and site-reliability UX.

Nokia

Brands · Inter

Connectivity-for-the-AI-era branding with cool gradients, dark technological depth, and clean industrial structure. Nokia’s current site uses bright blues and teals, dark network surfaces, and modular enterprise…

Novu

Brands · Inter

Open-source notification infrastructure with a dark developer aesthetic — deep surfaces, electric indigo accents, and workflow-driven UI.

Other fonts