Marka kiti

İ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.

v2 · canlı siteyle aynı

Tam logo.

Birincil düzen. Yeriniz olduğunda her zaman bunu kullanın. Daima düz mürekkep ya da krem yüzeyde; asla Spark üzerinde, asla fotoğraf üzerinde değil.

Koyu zemindeSVG
Açık zemindeSVG

Çift iki nokta.

Kompakt kullanım, favicon'lar, uygulama ikonları, sosyal avatarlar ve gömme rozetleri için :: işareti. Wordmark ile aynı düz uygulama.

Koyu zemindeSVG
Açık zemindeSVG

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.

Her ürünün kendi logosu var.

Router, trace, sense ve workflows, konu adı geçen ürün olduğunda platform wordmark'ıyla birlikte gelir. Aynı kurgu, aynı iki nokta ritmi, aynı iki yüzey.

each::router

Kalite farkındalıklı yönlendirme ve otomatik fallback.

each::router, Koyu zeminde
Koyu zemindeSVG
each::router, Açık zeminde
Açık zemindeSVG

each::trace

Her çağrıyı etiketleyin. Maliyeti istediğiniz şeye göre dilimleyin.

each::trace, Koyu zeminde
Koyu zemindeSVG
each::trace, Açık zeminde
Açık zemindeSVG

each::sense

Kataloğun önündeki doğal dil ajanı.

each::sense, Koyu zeminde
Koyu zemindeSVG
each::sense, Açık zeminde
Açık zemindeSVG

each::workflows

Modelleri tek çağrı olarak zincirleyen tipli bir graf.

each::workflows, Koyu zeminde
Koyu zemindeSVG
each::workflows, Açık zeminde
Açık zemindeSVG

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

site-orange-500
  • bg-accent
  • border-accent
  • text-accent
  • icon-accent
site-orange-400
  • bg-accent-hover
site-orange-600
  • bg-accent-pressed
site-orange-700
  • bg-accent-subtle

Nötrler

site-black
  • bg-page
  • text-inverse
  • icon-inverse
site-gray-900
  • bg-elevated
site-white
  • bg-inverse
  • border-focus
  • text-primary
  • icon-primary

Durum

site-green-300
  • status-success
site-red-300
  • status-error
site-yellow-300
  • status-warning
site-green-700
  • status-success-subtle
site-red-700
  • status-error-subtle
site-yellow-700
  • 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.

Aa Bb 123

Inter

Başlıklar, gövde metni ve etiketler.

AA BB 123

Geist Mono

Etiketler, meta bilgiler ve kod, büyük harfle.

Yazı ölçeği

Display/Largetypo-display-l

Her yapay zekâ modelini tek API’den çalıştırın

Display/Smalltypo-display-s

Her yapay zekâ modelini tek API’den çalıştırın

Headline/Largetypo-headline-l

Her yapay zekâ modelini tek API’den çalıştırın

Headline/Mediumtypo-headline-m

Her yapay zekâ modelini tek API’den çalıştırın

Title/Largetypo-title-l

Her yapay zekâ modelini tek API’den çalıştırın

Body/XLargetypo-body-xl

Her yapay zekâ modelini tek API’den çalıştırın

Body/Largetypo-body-l

Her yapay zekâ modelini tek API’den çalıştırın

Body/Mediumtypo-body-m

Her yapay zekâ modelini tek API’den çalıştırın

Body/Smalltypo-body-s

Her yapay zekâ modelini tek API’den çalıştırın

Body/Captiontypo-body-caption

Her yapay zekâ modelini tek API’den çalıştırın

Mono/Largetypo-mono-l

Her yapay zekâ modelini tek API’den çalıştırın

Mono/Mediumtypo-mono-m

Her yapay zekâ modelini tek API’den çalıştırın

Mono/Smalltypo-mono-s

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.

YAPMAYIN

Logoyu yeniden renklendirmeyin

Krem üzerine mürekkep ya da mürekkep üzerine krem. Spark gözler içindir, wordmark için değil.

YAPMAYIN

Ezmeyin ya da germeyin

Logonun sabit bir en-boy oranı var. Oransal ölçekleyin. İstisnası yok.

YAPMAYIN

Döndürmeyin

Soldan sağa okunur. Her zaman. Düzen zekice davranıyor olsa bile.

YAPMAYIN

:: işaretini değiştirmeyin

Çift iki nokta ikonun kendisi. Tireler, noktalar, eğik çizgiler ritmi bozar.

YAPMAYIN

Efekt eklemeyin

Gölge, parlama, gradyan, kabartma yok. Logo ya düz çıkar ya da hiç çıkmaz.

YAPMAYIN

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.

İhtiyacınız olanla başlayın.

Hazır olduğunuzda ölçeklenin.

Marka kiti · logolar, renkler ve basın materyalleri · each::labs