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.

Zoom

zoom.us

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

HashiCorp

hashicorp.com

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

X (Twitter)

x.com

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

Discord

discord.com

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

Reddit

reddit.com

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

Deno

deno.com

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

Airtable

airtable.com

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

Datadog

datadoghq.com

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

MongoDB

mongodb.com

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

Twilio

twilio.com

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

GitHub Copilot

github.com

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

Canva

canva.com

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

Loom

loom.com

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

Hugging Face

huggingface.co

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

Anthropic

anthropic.com

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

Meta

about.meta.com

Social technology. Blue legacy, clean corporate, metaverse-inspired gradients.

TikTok

tiktok.com

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

Webflow

webflow.com

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

Prisma

prisma.io

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

Pinterest

pinterest.com

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

Cloudflare

cloudflare.com

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