Neuralink
koyu tema
Bağımsız Stil İncelemesi

Neuralink Tarzı Tasarım Sistemi

Neuralink tasarım sistemi koyu temalı bir arayüz dili kullanıyor. Ana marka rengi Canvas White (#ffffff); metinler Canvas White (#ffffff), arka plan Midnight Void (#000000). Tipografide UntitledSans kullanılıyor. Bu DESIGN.md dosyası 4 renk token'ı ve 7 kademeli bir yazı ölçeği içeriyor; Claude, Cursor veya v0 gibi yapay zekâ araçlarına verildiğinde Neuralink tarzında tutarlı arayüzler üretmelerine yardımcı olur.

Renk Paleti

FONTLAR

Tipografi

Bileşen Önizlemeleri

Bağımsız Stil İncelemesi

Neuralink tarzı tasarım sistemi: renk kodları ve fontlar

Tema
koyu
Ana renk
Canvas White (#ffffff)
Fontlar
UntitledSans
Kaynak
neuralink.com

Deep void to soft textured canvas

Neuralink's design system uses a high-contrast dark-to-light progression, transitioning from a deep void to soft, textured surfaces. Typography is minimal and precise, focusing on clear communication over decorative flair. Interactive elements feature soft, large radii, creating an approachable feel within the clinical and technical context. The system relies on a restrained palette, where shifts in background color delicately delineate sections.

Özgün stil özeti (İngilizce)

Neuralink renk kodları

RenkHEXCSS tokenKullanım (İngilizce)
Midnight Void#000000--color-midnight-voidPrimary background for hero and prominent sections, primary text color, button borders, subtle surface backgrounds
Canvas White#ffffff--color-canvas-whitePrimary text color on dark backgrounds, interactive element backgrounds, borders for ghost buttons
Soft Linen#f5f5f5--color-soft-linenLight background for secondary sections and footer, providing a subtle texture
Ash Gray#bababa--color-ash-grayMuted text, inactive navigation items, subtle borders

Neuralink hangi fontları kullanıyor?

FontAğırlıklarYedek font
UntitledSans300, 400, 500, 700System UI (sans-serif)
RolBoyutSatır yüksekliğiToken
body-sm14px1.5--text-body-sm
body16px1.5--text-body
body-lg18px1.5--text-body-lg
subheading24px1.2--text-subheading
heading32px1.15--text-heading
display-sm44px1.15--text-display-sm
display48px1--text-display

Bu DESIGN.md dosyasını nasıl kullanırım?

  1. DESIGN.md dosyasını indir ve projenin kök klasörüne koy.
  2. Claude Code, Cursor, v0 veya Google Stitch gibi aracına “Arayüzü DESIGN.md’deki kurallara göre tasarla” de.
  3. Renkleri, fontları ya da bileşenleri kendi markana göre değiştirmek için Fork’la & Özelleştir butonunu kullan.

Ham DESIGN.md dosyası →

Bu sayfa, Neuralink markasının herkese açık web sitesinde (neuralink.com) görülebilen renk, tipografi ve boşluk değerlerinin MakeMyMD tarafından yapılmış bağımsız bir incelemesidir. Resmî bir marka kılavuzu değildir; MakeMyMD'nin Neuralink ile bir bağlantısı yoktur ve Neuralink tarafından onaylanmamıştır. Neuralink adı ve ticari markaları sahibine aittir; markaya ait görsel, logo ya da metin kullanılmaz. Hak sahibiysen kaldırma talebini [email protected] adresine gönderebilirsin.

Tasarım Sistemleri

Benzer tasarım sistemleri