UI Skillbook
2

Design systems set in JetBrains Mono

Brands and apps whose DESIGN.md names JetBrains Mono as a typeface, including Airbyte, Amplitude and Anthropic (Claude). Each file also lists the sizes, weights and colors that go with it, so your coding agent can match the whole style.

68 files, page 1 of 2

Files

Airbyte

Brands · Inter

Open-source data integration design with bold blue identity, connector-catalog surfaces, pipeline-flow clarity, and ELT-first developer UX.

Amplitude

Brands · Inter

Product analytics design with bold blue identity, data-dense dashboards, Inter typography, and insight-first surfaces.

Anthropic (Claude)

Brands · Styrene A

AI safety research company with warm editorial elegance. Cream backgrounds (#FAF9F5) and warm terracotta accents (#DA7756, #C4553D), dark charcoal text (#1F1915), Styrene typeface with clean letter-spacing, research…

AppLovin

Brands · DM Sans

Mobile growth design with vivid coral identity, performance-first dashboards, bold typography, and ad-tech surfaces.

Appwrite

Brands · Inter

Open-source backend platform with a dark developer aesthetic — deep charcoal, vivid pink brand accents, and infrastructure-dashboard UI.

AssemblyAI

Brands · Inter

Voice AI design with deep indigo identity, developer-first surfaces, mono code aesthetics, and speech-intelligence clarity.

Auth0

Brands · Inter

Identity and authentication platform with a clean enterprise aesthetic — dark navy brand, orange accents, and security-infrastructure UI patterns.

Axiom

Brands · Inter

Observability and log analytics platform with a dark engineering aesthetic — deep navy, cyan data accents, and query-driven UI.

Beehiiv

Brands · Cal Sans

Newsletter publishing platform with a creator-first aesthetic — warm neutrals, editorial typography, and growth-focused metrics UI.

Bitwarden

Brands · DM Sans

Open-source password manager design with trusted blue identity, security-first surfaces, clean type, and transparent privacy messaging.

Bun

Brands · Inter

Fast JavaScript runtime with a warm, minimal dark aesthetic — dark charcoal surfaces, amber-gold brand accent, and developer-documentation-first UI.

CADDi (キャディ)

Brands · NB International Pro

CADDi builds an AI data platform for manufacturing. Its own company page gives the mission as 「モノづくり産業のポテンシャルを解放する」, the head office in Asakusabashi, Taito-ku, Tokyo, 加藤勇志郎 as CEO and co-founder, and 911 employees as…

Cal

Brands · Inter

A clean, calendar-software-first interface anchored on white canvas with black primary CTAs and custom Cal Sans display typography. The system reads as friendly modern SaaS — generous whitespace, soft-rounded cards…

Cal.com

Brands · Inter

Open-source scheduling infrastructure with a developer-friendly, minimal aesthetic — dark surfaces, crisp whites, and calendar-driven UI patterns.

Carta

Brands · Inter

Equity management design with professional navy identity, legal-precision surfaces, clean table hierarchy, and ownership-clarity UX.

Claude

Brands · StyreneB

A warm-canvas editorial interface for Anthropic's Claude product. The system anchors on a tinted cream canvas with serif display headlines, warm coral CTAs, and dark navy product surfaces (code editor mockups, model…

Clickhouse

Brands · Inter

A high-performance database interface anchored on near-pure black canvas with electric yellow as the brand voltage. White typography in confident sans, yellow CTAs, and yellow-text stat numbers carry the brand voice…

Cloudflare

Brands · Inter

Cloudflare is the connectivity-cloud company that sits in front of a meaningful slice of the internet — CDN, DNS, DDoS mitigation, Zero Trust, Workers edge compute. Its visual identity has one job: make planet-scale…

Coda

Brands · Inter

All-in-one doc design with bold indigo identity, canvas-first surfaces, flexible grid UX, and building-block content hierarchy.

Composio

Brands · abcDiatype

A developer-tools brand for AI-agent tool integration whose marketing surfaces lean into a dark, technical aesthetic with a single deep-electric-blue voltage (#0007cd). The page floor is near-black (#0f0f0f); cards…

Contentful

Brands · Avenir Next

Headless CMS design with professional blue identity, content-model clarity, structured entry surfaces, and API-first editorial UX.

Cursor

Brands · CursorGothic

An AI-first code editor whose marketing site reads like a quietly-confident developer-tools brand with a warm-cream editorial canvas (#f7f7f4) instead of the typical dark IDE atmosphere. Near-black warm ink (#26251e)…

Deel

Brands · Inter

Global HR and payroll design with bold blue identity, compliance-forward surfaces, clean data tables, and multi-currency clarity.

DeepMind

Brands · Google Sans

AI research design with deep indigo identity, science-first surfaces, precision typography, and breakthrough-focused visual storytelling.

Descript

Brands · Inter

AI video and podcast editing design with warm green identity, timeline-first surfaces, word-based editing clarity, and creator-friendly UX.

DigitalOcean

Brands · Inter

Developer cloud infrastructure with approachable blue branding and practical product clarity. DigitalOcean's public site uses a bright blue anchor, white surfaces, rounded cards, and a friendly developer-cloud tone.

Docker

Brands · Inter

Container tooling with unmistakable blue branding and developer-centric product proof. Docker's public site uses a bright blue palette, white base surfaces, rounded cards, and code/product screenshots that keep the…

Drata

Brands · Inter

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

Epic Games Store

Brands · Brutal Type

Digital gaming marketplace with sleek, cinematic dark aesthetic. Deep black backgrounds (#121212, #202020), vibrant blue accent (#0074e4), bold yellow free game promotions, and immersive game imagery for a next-gen…

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.

Ghost

Brands · Inter

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

Gong

Brands · Inter

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

Groq

Brands · Inter

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

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.

JetBrains

Brands · JetBrains Sans

Developer tools design with black-square brand discipline, vivid product-spectrum color, and dense IDE-ready surfaces.

LaunchDarkly

Brands · Inter

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

Liveblocks

Brands · Inter

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

Mapbox

Brands · Relative

Maps and location developer platform with a dark cartographic aesthetic — deep charcoal surfaces, electric teal map accents, and geo-data-first UI.

MetaMask

Brands · Euclid Circular

The most popular crypto wallet and web3 gateway. MetaMask combines a dark, cyber-focused foundation with fox-inspired branding and purple/blue accent tones for core actions. The system centers on dark mode as…

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…

Mux

Brands · Inter

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

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.

Other fonts