Design systems for AI coding agents

Apple

apple.com

Binary light/dark section rhythm with SF Pro typography. Apple Blue as the singular accent, pill-shaped CTAs, cinematic product photography.

Claude (Anthropic)

claude.ai

Warm parchment canvas with Anthropic Serif headlines and terracotta accents. Editorial, literary aesthetic with organic illustrations.

Lamborghini

lamborghini.com

True black canvas with Lamborghini Gold accents. Uppercase LamboType headlines, zero border-radius, cinematic full-viewport video heroes.

Airtable

airtable.com

Database-spreadsheet hybrid. Blue brand, colorful data views, friendly.

Datadog

datadoghq.com

Monitoring platform. Purple brand, dashboard-heavy, observability aesthetic.

Google

google.com

Search and services. Material Design, four-color system, clean functional.

Discord

discord.com

Voice chat platform. Blurple brand, dark UI, playful gaming aesthetic.

Deno

deno.com

JavaScript runtime. Dark theme, saur mascot, developer-first docs.

Canva

canva.com

Design tool. Purple-teal brand, template-driven, democratized design.

GitHub Copilot

github.com

AI coding. Gradient blue-green, dark IDE aesthetic, developer-focused.

HashiCorp

hashicorp.com

Infrastructure tools. Black and white, multi-product brand architecture.

Webflow

webflow.com

Visual web builder. Blue brand, design-code bridge, professional creative.

Anthropic

anthropic.com

AI safety. Clean scientific aesthetic, warm neutrals, research-focused.

Zoom

zoom.us

Video conferencing. Blue brand, clean corporate, meeting-centric UI.

Loom

loom.com

Video messaging. Purple-blue brand, friendly illustration, async communication.

Prisma

prisma.io

Database toolkit. Teal brand, dark docs, TypeScript-first aesthetic.

Twilio

twilio.com

Communications API. Red brand, developer docs, code-forward layout.

TikTok

tiktok.com

Short video. Cyan-red-black brand, dark UI, vertical video-first.

MongoDB

mongodb.com

Document database. Green brand, developer docs, leaf logo motif.

X (Twitter)

x.com

Social media. Black and white rebrand, minimal, text-forward feed.

Hugging Face

huggingface.co

ML community. Yellow brand, friendly emoji aesthetic, developer hub.

Cloudflare

cloudflare.com

Web infrastructure. Orange brand, technical but approachable, dark docs.

Pinterest

pinterest.com

Visual discovery. Red brand, masonry grid, image-forward browsing.

Reddit

reddit.com

Social platform. Orange-red brand, thread-based layout, community-driven.