Yapay zekâ tasarım sistemleri
Yapay zekâ ürünü, model ve araştırma web sitelerinden çıkarılmış tasarım sistemleri: asistanlar, model sağlayıcıları ve AI araçları. Bazıları sakin, editoryal tipografiyi sıcak nötr paletlerle birleştirir; diğerleri geliştirici ürünlerinin koyu, teknik görünümünü benimser.
Bu kategoride 4 DESIGN.md örneği var. Kaynaklar: Anthropic, Harvey, Paperclip ve xAI. Her sitenin herkese açık sayfalarından çıkarıldı, resmi marka yönergeleri değildir. Bu formatı ilk kez mi duyuyorsun? DESIGN.md'nin ne olduğunu oku.
Anthropic
Anthropic'in tasarım sistemi, iki özel yazı tipi etrafında kurulmuş, sade ve tipografiye dayalı bir kimliktir: Anthropic Serif ve Anthropic Sans. Bu yazı tipleri sıcak bir fildişi zemin (#faf9f5) üzerinde yer alır. Palet bilinçli olarak minimaldir: sıcak beyaza yakın zeminde neredeyse siyah (#141413) metin, ikincil metinler ve kenarlıklar için ise sönük taş tonları kullanılır. Büyük ölçekli serif başlıklar editoryal sesin temelini oluşturur; neredeyse siyah zemin ve fildişi metinden oluşan koyu panel bölümü ise dramatik bir kontrast yaratır. Genel estetik; bol boşluk, yüksek tipografik kontrast ve sıfır dekoratif süsleme aracılığıyla entelektüel ciddiyeti ve güvenlik odaklı misyonu yansıtır.
Harvey
Harvey'nin tasarım sistemi, özel bir çift yazı tipi kimliği etrafında kurulmuş: editoryal otorite için HarveySerifFont, işlevsel netlik için HarveySansFont. Bu yazı tipleri, sıcak bir neredeyse siyah (#0f0e0d) gezinme çubuğu ve fildişi rengi bir açık zemin (#fafaf9) içerik yüzeyiyle birlikte kullanılıyor. Palet bilinçli olarak tek renkli tutulmuş; hiçbir vurgu tonu olmadan, sıcak gri tonlarının kademeli bir skalasıyla (gray-50'den gray-950'ye) çalışıyor. Bu yaklaşım, yüksek riskli hukuki işler için uygun olan güven ve ölçülülük hissini yansıtıyor. Yükseklik hissi gölgeler yerine yüzey kontrastıyla veriliyor. Ana başlık, 72px boyutunda büyük bir serif yazı tipiyle hazırlanarak anında tipografik bir ağırlık sağlıyor; gövde metni ve arayüz öğeleri ise özel sans yazı tipini kullanıyor. Boşluklar 8px temel ızgaraya dayanıyor ve xs, sm, md, xl, 2xl adlarıyla tanımlanmış ölçek token'larıyla düzenleniyor.
Paperclip
Paperclip, yapay zekâ ajanlarını yönetmek için geliştirilmiş bir platform ve tasarımı, neredeyse siyah (#0a0a0a) bir zemin ile beyaz (#ffffff) ön plan metni üzerine kurulu cesur bir karanlık tuval estetiğine dayanıyor. Hero bölümünü magenta, mor, turkuaz, turuncu ve sarı tonlarında üst üste dizilmiş hap ve kapsül biçimlerinden oluşan canlı, çok renkli bir gradyan illüstrasyonu belirliyor; bu da koyu zemine karşı renkli ve enerjik bir görsel kimlik yaratıyor. Tipografide, yoğun ve başlıklarda negatif harf aralığı kullanılan Inter Tight (dar, kalın başlıklar) ile gövde ve arayüz metinleri için Inter, kod ve durum bilgileri için ise JetBrains Mono bir arada kullanılıyor. Birincil çağrı butonu, koyu zemin üzerinde beyaz, hap şeklinde bir buton. Ürün arayüzü boyunca ajan ve görev durumlarını belirtmek için anlamsal bir yeşil (#22c55e) durum sistemi kullanılıyor. Gezinme düz ve sade; alt kenarında ince bir çizgi bulunuyor.
xAI
xAI'ın pazarlama sitesi, --color-ivory (#f9f8f6) ve --color-white (#ffffff) tokenlarıyla sabitlenmiş sıcak kırık beyaz yüzey paletini kullanır; baskın metin ve ön plan rengi ise #0a0a0a tonundaki neredeyse siyahtır. Tipografik sistem üç parçaya ayrılır: büyük başlıklar için universalSansDisplay (60–72px, sıkı negatif harf aralığıyla), gövde ve arayüz metinleri için universalSans, kod ve terminal bağlamları için ise GeistMono. Köşe yuvarlaklığı dilinde CTA'lar ve etiketler için 9999px hap biçimi hakimdir; kartlar için 12px, girdi alanları için 6px kullanılır. Yükseklik etkisi minimaldir: kartlar yumuşak çok katmanlı bir gölge taşırken yüzeylerin çoğu düzdür. Genel ton teknik-premium niteliktedir: ölçülü renk, geniş boşluklar ve güçlü bir monospace kod estetiği, geliştirici güvenilirliğini işaret eder.
İhtiyacın olan siteyi göremiyor musun?
Herhangi bir URL yapıştır, her web sitesinden DESIGN.md al. Renkler, tipografi, boşluklar ve token'lar, AI iş akışına hazır.