İ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.
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.
Ç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.
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.
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.
Kahraman Spark. Geri kalan her şey yoldan çekilir.
Dokuz token. Kendi başına dikkat hak eden tek vurgu Spark; diğerleri destekler, işaret eder ya da geri çekilir. Değerler canlı CSS değişkenleriyle aynı; kopyalamak için herhangi bir hex'e tıklayın.
Birincil vurgu · önemli olan her şey.
Koyu spark · hover ve basılı durumlar.
Sıcak destek · workflow'lar, ikincil CTA'lar.
Soğuk destek · kod, altyapı, derinlik.
Uyarı · yakında, dikkat çekiciler.
Olumlu · 200'ler, sağlıklı trace'ler.
Olumsuz · 5xx, reddedilen, bozuk.
Açık zemin üzerinde metin · kullandığımız siyaha yakın ton.
Tuval · sıcak krem, beyaz değil.
Tek yazı tipi. Dört ağırlık. Hepsi bu.
Sitedeki her etiket, başlık ve paragrafı Inter taşır. Display'de optik boyutlandırma; büyük yazıda sıkılaştırılmış tracking. Google Fonts üzerinden ücretsiz.
- Bold 700
- Semibold 600
- Medium 500
- Regular 400
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
- Display · font-sans semibold · tracking-tightest
- Body · font-sans regular · 1.55 satır aralığı
- Mono · font-mono medium · etiketler için tracking-eyebrow