Design system AI
Sistem desain yang diekstrak dari website produk AI, model, dan riset: asisten, penyedia model, dan tooling AI. Sebagian memadukan tipografi editorial yang tenang dengan palet netral yang hangat; sebagian lain memakai tampilan gelap dan teknis ala produk developer.
4 contoh DESIGN.md di kategori ini, dari Anthropic, Harvey, Paperclip dan xAI. Diekstrak dari halaman publik setiap situs, bukan pedoman brand resmi. Baru mengenal format ini? Baca apa itu DESIGN.md.
Anthropic
Sistem desain Anthropic adalah identitas yang sederhana dan berpusat pada tipografi, dibangun di atas dua tipografi kustom, Anthropic Serif dan Anthropic Sans, dengan latar krem hangat (#faf9f5). Palet warnanya sangat minimalis: hitam pekat (#141413) di atas putih gading hangat, dengan nuansa batu yang redup untuk teks sekunder dan garis tepi. Tipografi display serif berukuran besar menjadi jangkar suara editorialnya, sementara panel gelap (latar hitam pekat dengan teks gading) menghadirkan kontras yang dramatis. Secara keseluruhan, estetikanya menyampaikan keseriusan intelektual dan misi yang mengutamakan keselamatan, melalui ruang kosong yang lapang, kontras tipografi yang tinggi, dan tanpa ornamen dekoratif sama sekali.
Harvey
Sistem desain Harvey dibangun di sekitar identitas dua tipografi khusus: HarveySerifFont untuk kesan editorial yang berwibawa dan HarveySansFont untuk kejelasan fungsional. Keduanya ditempatkan pada bilah navigasi hitam hangat yang nyaris pekat (#0f0e0d) dan permukaan konten putih gading (#fafaf9). Palet warnanya sengaja monokromatik, menggunakan skala abu-abu hangat bertingkat (gray-50 hingga gray-950) tanpa warna aksen, untuk menyampaikan kepercayaan dan kesederhanaan yang sesuai dengan pekerjaan hukum berisiko tinggi. Elevasi dibentuk melalui kontras permukaan, bukan bayangan. Judul utama di halaman depan memakai serif besar berukuran 72px, sehingga langsung menghadirkan kewibawaan tipografis, sementara isi teks dan elemen UI memakai sans kustom. Spasi mengikuti grid dasar 8px dengan token skala bernama (xs, sm, md, xl, 2xl).
Paperclip
Paperclip är en plattform för hantering av AI-agenter med en djärv design på mörk bakgrund, förankrad i en nästan svart bakgrund (#0a0a0a) och vit förgrundstext (#ffffff). Hjältesektionen definieras av en livfull flerfärgad gradientillustration av staplade pill- och kapselformer i magenta, violett, turkos, orange och gul, vilket skapar en kromatisk, energisk visuell identitet mot den mörka ytan. Typografin kombinerar Inter Tight (kondenserade, tunga rubriker med negativ bokstavsavstånd), Inter (brödtext och gränssnitt) och JetBrains Mono (kod och statusvisning). Den primära knappen är en vit pillerformad knapp på mörk bakgrund. Ett semantiskt grönt statussystem (#22c55e) signalerar agenters och uppgiftens tillstånd genom hela produktgränssnittet. Navigeringen är minimalistisk och platt, med en subtil nedre kantlinje.
xAI
xAI menggunakan palet permukaan off-white yang hangat, dengan --color-ivory (#f9f8f6) dan --color-white (#ffffff) sebagai dasar, serta #0a0a0a yang hampir hitam sebagai warna teks dan latar depan yang dominan. Sistem tipografinya terbagi tiga: universalSansDisplay untuk judul display berukuran besar (60–72px) dengan letter-spacing negatif yang rapat, universalSans untuk teks isi dan UI, dan GeistMono untuk kode serta konteks terminal. Bahasa radius didominasi bentuk pill 9999px pada CTA dan tag, sementara kartu dan input memakai 12px dan 6px. Elevasinya minim: kartu memakai bayangan jatuh berlapis yang lembut, sedangkan sebagian besar permukaan dibiarkan datar. Secara keseluruhan nuansanya teknis dan premium: warna yang terkendali, ruang kosong yang lapang, dan estetika monospace kode yang kuat untuk menegaskan kredibilitas bagi pengembang.
Situs yang Anda cari tidak ada?
Tempel URL apa pun untuk mendapatkan DESIGN.md dari website apa pun. Warna, tipografi, spacing, dan token, siap untuk workflow AI Anda.