İyi kullanın, kötü kullanın, yeter ki ezmeyin.
Logo, palet, yazı tipi, ses. each::labs'i bir sunuma, basın bültenine, ortaklık sayfasına ya da stil dosyasına koymak için gereken her şey. SVG'ler aşağıda. Hex kodları tıklayınca kopyalanır.
Dev logo.
Her sayfanın altındaki sayfa genişliğindeki imza: harfler aşağı doğru solar, iki nokta turuncu kalır. Yalnızca süs amaçlıdır; bu yüzden isim her zaman başka bir yerde de geçer.
Tek turuncu. Bolca siyah.
Site önce koyu temaya göre tasarlandı. Tek vurgu rengi Orange 500; nötrler düzeni taşır, durum renkleri yalnızca durum bildirir. İsimler, değerler ve roller sitedeki canlı token’lardır; kopyalamak için bir hex’e tıklayın.
Vurgu
- bg-accent
- border-accent
- text-accent
- icon-accent
- bg-accent-hover
- bg-accent-pressed
- bg-accent-subtle
Nötrler
- bg-page
- text-inverse
- icon-inverse
- bg-elevated
- bg-inverse
- border-focus
- text-primary
- icon-primary
Durum
- status-success
- status-error
- status-warning
- status-success-subtle
- status-error-subtle
- status-warning-subtle
İki yazı tipi. Ağırlıkta hafif.
Inter her başlığı, paragrafı ve etiketi dizer. Büyük harfli Geist Mono etiketleri, meta bilgileri ve kodu dizer. Büyük yazılar kalınlaşmak yerine normal ağırlıkta kalır ve harf aralığını daraltır.
Inter
Başlıklar, gövde metni ve etiketler.
Geist Mono
Etiketler, meta bilgiler ve kod, büyük harfle.
Yazı ölçeği
Her yapay zekâ modelini tek API’den çalıştırın
Her yapay zekâ modelini tek API’den çalıştırın
Her yapay zekâ modelini tek API’den çalıştırın
Her yapay zekâ modelini tek API’den çalıştırın
Her yapay zekâ modelini tek API’den çalıştırın
Her yapay zekâ modelini tek API’den çalıştırın
Her yapay zekâ modelini tek API’den çalıştırın
Her yapay zekâ modelini tek API’den çalıştırın
Her yapay zekâ modelini tek API’den çalıştırın
Her yapay zekâ modelini tek API’den çalıştırın
Her yapay zekâ modelini tek API’den çalıştırın
Her yapay zekâ modelini tek API’den çalıştırın
Her yapay zekâ modelini tek API’den çalıştırın
Logoyu mahvetmenin altı yolu.
Çoğu bariz. Yine de listeliyoruz çünkü biri, bir yerde çoktan denedi.
Logoyu yeniden renklendirmeyin
Krem üzerine mürekkep ya da mürekkep üzerine krem. Spark gözler içindir, wordmark için değil.
Ezmeyin ya da germeyin
Logonun sabit bir en-boy oranı var. Oransal ölçekleyin. İstisnası yok.
Döndürmeyin
Soldan sağa okunur. Her zaman. Düzen zekice davranıyor olsa bile.
:: işaretini değiştirmeyin
Çift iki nokta ikonun kendisi. Tireler, noktalar, eğik çizgiler ritmi bozar.
Efekt eklemeyin
Gölge, parlama, gradyan, kabartma yok. Logo ya düz çıkar ya da hiç çıkmaz.
Sıkıştırmayın
Her kenarda en az bir büyük harf yüksekliği kadar boşluk bırakın. Her zaman.