コンテンツへスキップ

デザインシステム

AIが読み取れるデザインシステム。

各ブランドの色、タイポグラフィ、コンポーネントを、ブランドごとのDESIGN.mdとともに探せます。

対応:

141 個のデザインシステム

mixed

1Password — design system

1Password

A near-black vault, one signal-blue key, a wheat ribbon overhead.フルシステムを開く

light

Acne Studios — design system

Acne Studios

A fashion magazine laid flat on white — photography does the talking, the interface nearly disappears.フルシステムを開く

mixed

Adobe — design system

Adobe

Adobe red owns the logo; Spectrum blue does all the work.フルシステムを開く

mixed

AgentQL — design system

AgentQL

Near-black glass on the marketing floor, printer-paper daylight in the docs.フルシステムを開く

light

Airtable — design system

Airtable

Near-black ink on white, split by a workflow rainbow the product alone earns.フルシステムを開く

light

Anthropic — design system

Anthropic

Ivory paper, a hairline rule, and one black band at the end.フルシステムを開く

light

Google Antigravity — design system

Google Antigravity

Google-grey whitespace, an ink-black pill CTA, one gravity-well logo the only color.フルシステムを開く

light

Apollo — design system

Apollo

Newspaper-serif headlines struck through with electric lime, on warm bone.フルシステムを開く

light

Apple — design system

Apple

Near-white rooms, black-ink type, and one blue that only ever means go.フルシステムを開く

light

Aritzia — design system

Aritzia

Everyday luxury as pure editorial: black, white, and a single red, letting the photography be the whole design.フルシステムを開く

light

Atlassian — design system

Atlassian

A white workspace, one confident blue, and a Jira board's quiet status spectrum.フルシステムを開く

light

Attio — design system

Attio

Near-black ink on paper white, where every record wears its own candied tag.フルシステムを開く

dark

Authkit — design system

Authkit

Frosted glass cathedral at midnightフルシステムを開く

light

Awesomic — design system

Awesomic

A white page, one black pill, and a word that fades to grey.フルシステムを開く

light

Base — design system

Base

Coinbase-blue punched through paper white — institutional crypto dressed as calm infrastructure.フルシステムを開く

light

Base44 — design system

Base44

Dotted off-white paper, hairline rules in black, one orange line that means go.フルシステムを開く

mixed

BMW.com — design system

BMW.com

A cinematic dark stage, hairline 300-weight type, and one electric BMW blue for every action.フルシステムを開く

light

Brex — design system

Brex

White ledger, one orange, a near-black band at each end.フルシステムを開く

light

Cal.com — design system

Cal.com

Paper-grey calm, black ink, and one midnight-indigo room down the hallフルシステムを開く

light

Calendly — design system

Calendly

A white booking card floating on electric blue, ringed by soft slate shadow.フルシステムを開く

light

Circle — design system

Circle

Aurora light over midnight, then white paper and six rounded pastels.フルシステムを開く

mixed (light oat canvas with a deep-green cinematic hero band) Clay — design system

Clay — design system

Clay

Claymation optimism — a whole produce drawer of color on warm oat paper.フルシステムを開く

mixed

ClickUp™ — design system

ClickUp™

A white sheet of type that fades mid-sentence, then falls off a cliff into black.フルシステムを開く

light

Cluely — design system

Cluely

A Garamond headline over a painted sky, then quiet white engineering.フルシステムを開く

light

Cursor — design system

Cursor

Warm paper, near-black ink, an orange that behaves like a footnote.フルシステムを開く

light

Custo — design system

Custo

A white page, a green-grey band, and type that never raises its voice.フルシステムを開く

dark

Your workplace has the answer. Just ask Dala for it. — design system

Your workplace has the answer. Just ask Dala for it.

constellation floating on black velvetフルシステムを開く

mixed

Dayos — design system

Dayos

A wall of black grotesque caps beside candy-bright, terrazzo-speckled 3D ERP blocks.フルシステムを開く

light

Dia — design system

Dia

A scream on black, then paper-grey calm and a serif that leans in.フルシステムを開く

dark

Discord — design system

Discord

A midnight arcade where the headline shouts and every corner melts.フルシステムを開く

light

DJI — design system

DJI

Studio white, capsule buttons, and one orange word riding above the headline.フルシステムを開く

light

Dub — design system

Dub

Hairline-ruled white paper, lit by three candy-bright product marksフルシステムを開く

light

Duolingo — design system

Duolingo

A white page interrupted by flat green plates, and type that laughs before it teaches.フルシステムを開く

light

Eight Sleep — design system

Eight Sleep

A white room at first light, one blue line of data running through it.フルシステムを開く

mixed

Ferrari — design system

Ferrari

A Rosso coupé tearing down a mountain road under Maranello black.フルシステムを開く

light

Fey — design system

Fey

Warm paper-white, two grades of ink, and disciplined whitespace.フルシステムを開く

light

Figma — design system

Figma

Black ink on infinite white — the chrome recedes so the canvas can speak.フルシステムを開く

light

Firecrawl — design system

Firecrawl

One ember of heat-orange loose on a cold engineering blueprint.フルシステムを開く

light

Flighty — design system

Flighty

White pages that drop into night, and a flight board that never blinks.フルシステムを開く

light

Hims — design system

Hims

Giant periwinkle display type floating on a clean clinical white page.フルシステムを開く

dark

Framer — design system

Framer

Pure black to every edge, white type, and a blue held in reserve.フルシステムを開く

mixed

Function Health — design system

Function Health

Golden-hour wellness: warm cream editorial calm cut by one burnt-sienna accent.フルシステムを開く

light

Garmin — design system

Garmin

Instrument-panel precision: condensed caps, square corners, black bars on white.フルシステムを開く

mixed

GitHub — design system

GitHub

A midnight-navy canvas, one confident green, and Mona Sans doing all the talking.フルシステムを開く

light

Glassnode — design system

Glassnode

A financial terminal wearing museum-grade restraint: near-square corners, ink-black actions, ultramarine data.フルシステムを開く

light

Grammarly — design system

Grammarly

A single confident green, speaking on a page of pure white.フルシステムを開く

dark

Gsap — design system

Gsap

Near-black studio walls, cream type the size of a door, candy-gradient shapes drifting through.フルシステムを開く

light

Headspace — design system

Headspace

Sunrise yellow on warm paper, and buttons that sit two pixels off the page.フルシステムを開く

dark

Higgsfield — design system

Higgsfield

Acid-lime neon burning through near-black glass — a creative engine's control room.フルシステムを開く

dark

Huly — design system

Huly

A black room lit from within, and one warm pill glowing at the door.フルシステムを開く

dark

Hungry Tiger — design system

Hungry Tiger

Chili-brick ground, amber type at billboard scale, a jar tumbling through itフルシステムを開く

dark

Hyperliquid — design system

Hyperliquid

Bioluminescent mint blooming through deep-green glass, finance liquefied.フルシステムを開く

dark

Hyperstudio — design system

Hyperstudio

blueprint scratched into obsidian. Type and hairline borders carve white space from pure black, with the occasional gold compass-mark to show the way.フルシステムを開く

light

IKEA — design system

IKEA

Warm off-white paper, one loud yellow, and photographs doing all the talking.フルシステムを開く

dark

Impossible Foods — design system

Impossible Foods

A wine-dark room where the word MEAT is shouted in red at billboard scale.フルシステムを開く

mixed

Instagram — design system

Instagram

A magenta-to-orchid gradient, one bespoke sans, and nothing in between.フルシステムを開く

light

Jeton — design system

Jeton

Bare white paper, set alight in bands of signal orange.フルシステムを開く

dark

Lamborghini — design system

Lamborghini

A black hangar, one bar of Giallo gold, type milled like a chassis.フルシステムを開く

mixed

Letter — design system

Letter

A near-black vault lit by wine, opening onto bone-light editorial calm.フルシステムを開く

dark

Linear — design system

Linear

A near-black room where every edge is a single hairline of white light.フルシステムを開く

light

Loom — design system

Loom

Pale blue air, plates with enormous soft corners, every control a pill.フルシステムを開く

light

Lovable — design system

Lovable

An aurora of brand color blooming across warm cream.フルシステムを開く

light

lululemon — design system

lululemon

Warm-neutral athletic minimalism: near-black ink on off-white, a technical red, and one jolt of lemonade.フルシステムを開く

mixed

Mercury — design system

Mercury

Dawn over a valley, a hairline rule, and one iris pill that means go.フルシステムを開く

dark

MetaLab — design system

MetaLab

Cinema black, a violet hairline, and a serif that fills the frame.フルシステムを開く

light

Microsoft — design system

Microsoft

Four colored squares, tight Segoe, and one brilliant blue that means go.フルシステムを開く

dark

Midjourney — design system

Midjourney

A near-black navy lab where every action glows its own jewel tintフルシステムを開く

light

Mistral AI — design system

Mistral AI

Warm paper and black type, set alight by a pixel-mosaic of orange, amber and blue.フルシステムを開く

light

Mobbin — design system

Mobbin

Ink-black type on paper white — a library that shows the work, never shouts.フルシステムを開く

light

monday.com — design system

monday.com

A bright white stage, black display type, one purple pulse, a rainbow of products.フルシステムを開く

dark

Morphic — design system

Morphic

A pure-black stage where cinematic AI footage supplies every color.フルシステムを開く

dark

N8n — design system

N8n

Midnight navy, hairline rings, and a sunrise burning up behind the footer.フルシステムを開く

dark

Netflix — design system

Netflix

One red button burning against a wall of dimmed movie posters.フルシステムを開く

light

Nike — design system

Nike

Monochrome discipline, broken only by a Futura shout and one volt flash.フルシステムを開く

light

Notion — design system

Notion

A white page, a warm grey card, one blue that means go.フルシステムを開く

light

OFF+BRAND

Bone-grey paper, black type at architectural scale, one iridescent sphere behind it.フルシステムを開く

mixed

ON.energy — design system

ON.energy

High-voltage caution yellow on midnight steelフルシステムを開く

light

On — design system

On

A white page, black ink, and one small ochre word doing all the shouting.フルシステムを開く

light

OpenAI — design system

OpenAI

Research lab notebook at noon.フルシステムを開く

dark

OpenArt — design system

OpenArt

A near-black gallery wall where scattered AI stills float and one magenta button burns.フルシステムを開く

dark

OpenSea — design system

OpenSea

Near-black rooms divided by hairlines, pill controls, numerals set in monospace.フルシステムを開く

dark

ORYZO AI — design system

ORYZO AI

Darkroom product editorial. A lone object floating in warm darkness, cream typography the only decoration.フルシステムを開く

mixed

Oura — design system

Oura

Warm bone canvas, an editorial serif whispering "Power," a single blue tap.フルシステムを開く

mixed

Peloton — design system

Peloton

A black studio at dusk, one red deal bar, a single white pill.フルシステムを開く

mixed

Perplexity — design system

Perplexity

Warm paper, a peacock-teal spark, and a pantheon of summon-named color ramps.フルシステムを開く

mixed

Phantom — design system

Phantom

Lavender daylight wrapped around a black card of drifting, planet-like orbs.フルシステムを開く

mixed

Pinterest — design system

Pinterest

One decisive red on a soft off-white feed of saved images.フルシステムを開く

dark

Railway — design system

Railway

Infrastructure documented like a travel poster: painted dusk, serif calm, quiet chrome.フルシステムを開く

light

Ramp — design system

Ramp

Warm paper, a hairline of grey, and one jolt of highlighter yellow.フルシステムを開く

dark

Raycast — design system

Raycast

Near-black glass, a red laser cut across it, and keycaps you can almost press.フルシステムを開く

light

Replit — design system

Replit

Warm cream, one hot orange, and type pulled tight enough to humフルシステムを開く

dark

Resend — design system

Resend

A black room, a serif whisper, one lit word in violet.フルシステムを開く

light

Revolut — design system

Revolut

A clear-sky fintech: super-heavy display over open blue, one electric indigo doing all the work.フルシステムを開く

dark

Rive — design system

Rive

A pure-black stage where flat pixels learn to move.フルシステムを開く

light

Rivian — design system

Rivian

Compass Yellow struck against a wild coastline — an EV brand built for the trailhead.フルシステムを開く

light

Samara — design system

Samara

One electric-blue pill floating on bone-white calm — prefab homes, Apple-clean.フルシステムを開く

light

Sauce Labs — design system

Sauce Labs

Cream editorial calm, pine-green ink, and a pixel-halftone cheetah mid-sprint.フルシステムを開く

dark

Sequel — design system

Sequel

Film on true black, with headlines that slip into italic serif mid-sentence.フルシステムを開く

light

Shop — design system

Shop

A violet wordmark floating over cut-out product photos on whiteフルシステムを開く

light

Slack — design system

Slack

A white page sliced by aubergine arcs, product screenshots doing the talking.フルシステムを開く

dark

SoundCloud — design system

SoundCloud

A near-black room where the album art is the only thing allowed to shout.フルシステムを開く

dark

SpaceX — design system

SpaceX

Pure black, full-bleed launch photography, thin uppercase against a live countdown.フルシステムを開く

dark

Spotify — design system

Spotify

One electric-green pulse fired across an all-black stage of album art.フルシステムを開く

light

Steep — design system

Steep

Paper-white calm, an editorial serif, and dashboards drifting past like weather.フルシステムを開く

dark

Stellar — design system

Stellar

An ink-black gallery wall where oversized Neue Montreal sets the pace and one violet pill does the asking.フルシステムを開く

light

Strava — design system

Strava

A blaze-orange GPS trace burning across a rain-slicked road at dawn.フルシステムを開く

light

Stripe — design system

Stripe

White paper, one painted gradient ribbon, and a single indigo that means go.フルシステムを開く

dark

Structure — design system

Structure

Chromatic glass prisms throwing violet-to-ice light across a near-black ledger.フルシステムを開く

light

Subframe — design system

Subframe

Near-white calm, one serif indulgence, and a product that shows its own parts.フルシステムを開く

light

Supabase — design system

Supabase

Postgres green on clean white — open-source infrastructure with editorial calm.フルシステムを開く

light

Superhuman — design system

Superhuman

Warm paper, one violet signal, headings that trust size over weight.フルシステムを開く

dark

Superlist — design system

Superlist

Midnight indigo held steady while a marker scribbles in the marginフルシステムを開く

mixed

Superpower — design system

Superpower

A silhouette turned to a vermillion sun, over clinical zinc calm.フルシステムを開く

dark

Surfshark — design system

Surfshark

Pool-water teal cut hard against eerie black, corners rounded like a wave.フルシステムを開く

light

Terminal Industries — design system

Terminal Industries

A surveyed white plain, a deep pine night, one acid switch.フルシステムを開く

light

TravelPerk — design system

TravelPerk

Electric lime punched into warm bone, driven by one heavy grotesqueフルシステムを開く

light

Uber — design system

Uber

Black ink on white space, Uber Move set huge — mobility as pure contrast.フルシステムを開く

light

Uniswap — design system

Uniswap

A hot-pink swap card adrift in a galaxy of blurred token orbs.フルシステムを開く

light

v0 — design system

v0

Near-white paper, ink-black display type, a teal badge holding the colour budget.フルシステムを開く

light

Vanmoof — design system

Vanmoof

A workshop-white canvas, one acid stripe, and numerals sized like bike frames.フルシステムを開く

light

Vercel — design system

Vercel

Near-white paper, hairline rules, and one black pill of intent.フルシステムを開く

light

Vuori — design system

Vuori

Sun-warmed coastal performance wear, cut into hard right angles and a whisper-quiet grotesk.フルシステムを開く

mixed

Wealthsimple — design system

Wealthsimple

Colossal Tiempos serif over warm linen — photography carries all the color.フルシステムを開く

light

WhatsApp — design system

WhatsApp

Cream paper, one loud green, and headlines that never raise their weight.フルシステムを開く

mixed

WHOOP — design system

WHOOP

Product photography under studio light, framed by a black instrument bar and one electric-violet pulse — a performance lab that speaks in oversized type and data, never decoration.フルシステムを開く

light

Devin — design system

Devin

Warm paper, hairline ink, and one electric-blue word per headline.フルシステムを開く

light

Wise — design system

Wise

Highlighter-green money, shouted in bottle-green block capitals.フルシステムを開く

light

Wispr Flow — design system

Wispr Flow

Butter-cream paper, a serif that speaks, lavender chips stitched in blackフルシステムを開く

light

xAI — design system

xAI

Near-black type on pure white — a supercluster's worth of restraint.フルシステムを開く

light

YouTube — design system

YouTube

A white canvas, one red play button, and Roboto doing every job.フルシステムを開く

dark

Ysl — design system

Ysl

full-bleed cinema under one centred wordmark — the only chrome is black-and-white textフルシステムを開く

light

Zara — design system

Zara

Black ink on white paper, and the clothes supply every colour.フルシステムを開く

dark

zkPass — design system

zkPass

A lime proof-glow over pure black, ASCII continents, razor-sharp zero-radius edges.フルシステムを開く

dark

Apify — design system

Apify

A tool bazaar at midnight — one ember counter glowing over near-black shelves.フルシステムを開く

dark

Mastra — design system

Mastra

a debugger's night shift — charcoal instruments on black, with agent traces glowing green, violet, and amber.フルシステムを開く

light

Clicky — design system

Clicky

A friend's cluttered Mac desktop turned homepage — Aqua-glass pills and stray .mov windows on dotted grey.フルシステムを開く

light

Noovo — design system

Noovo

Golden-hour amber on warm paper — the great indoors, parked in the wild.フルシステムを開く

dark

Porsche — design system

Porsche

white letterforms and frosted glass gliding over midnight race footage.フルシステムを開く

mixed

Rejouice — design system

Rejouice

One typeface, two inks, and type set large enough to become architecture.フルシステムを開く

dark

Hyperframe — design system

Hyperframe

Black steel snapping together in a dark hangar — one lime bolt throws the switch.フルシステムを開く

light

Emergent — design system

Emergent

Finished apps drift weightless at the edges of a white void; one idea stands center.フルシステムを開く

テーマ

言語