Kurumsal kimlik · v2
Benefity marka kılavuzu
Sessiz ve düzenli bir arayüz; tüm yükü tek bir elektrik moru taşır. Chartreuse yalnız bir "makbuz" gibi, küçük ve dikkat çekici anlarda kullanılır.
Logo
Logo yalnız yazıdır: küçük harfli benefity. Markanın imza işareti elmastır; logoda yer almaz, ikon gibi belirli alanlarda kullanılır. Elmas hedeftir: SEO'da hedeflenen sıra, widget'ta hedeflenen ziyaretçi.
İkon: favicon, uygulama ikonu, avatar.
Boş alan: her yönde en az yazı yüksekliğinin yarısı.
Yazı
Plus Jakarta Sans Bold (700), harf aralığı −2,5%. Yola çevrilmiştir; font yüklenmeden de aynı görünür.
Elmas
İmza işaret: köşeleri hafif yuvarlatılmış, 45° dönmüş bir kare. Logoda değil, ikon gibi belirli alanlarda; koyu ya da violet zeminde chartreuse.
İkon
Violet karo içinde "b" ve chartreuse elmas. ExtraBold (800); küçük boyda okunsun diye yazıdan bir kademe kalın.
40 px
28 px
20 px
16 px · en küçük
Renkler
Electric Violet
--color-violet
Tek ana eylem rengi: dolu butonlar, bağlantılar, seçili durumlar.
Voltage
--color-voltage
Violet'in yumuşak hâli: vurgu, grafik, koyu zeminde aksan.
Lilac Wash
--color-lilac
Yumuşak bölüm zemini, seçili menü, ikon kutusu.
Periwinkle
--color-periwinkle
İnce menekşe çizgiler, form kenarlıkları.
Chartreuse Receipt
--color-chartreuse
"Makbuz": yayında rozeti, başlık işaretleyicisi, koyu kart aksanı. Büyük alan boyamaz.
Bone Canvas
--color-canvas
Sayfa zemini: saf beyazdan sıcak, gözü yormaz.
Obsidian Ink
--color-ink
Ana yazı rengi, koyu butonlar.
Midnight Surface
--color-midnight
Koyu vitrin kartları (sayfa başına en fazla bir).
Powder Blue
--color-powder
Bilgi durumları ("kontrol bekliyor"), küçük rozetler.
Muted
--color-muted
İkincil metin (beyaz üstünde AA kontrastlı).
Aa Ğğ Şş İı
Plus Jakarta Sans · 700–800
Yalnız başlıklarda. Harf aralığı −3,5%, satır yüksekliği 1.0.
Aa Ğğ Şş İı
Inter · 300 / 400 / 500 / 600 / 700
Gövde metni, butonlar, etiketler. Başlığın altındaki alt metin 300 ağırlıkta: ağır başlık "bağırır", ince metin "fısıldar".
Yap
- Tek dolu buton rengi: Electric Violet. Diğer eylemler çerçeve ya da metin bağlantı.
- Kartları gölgeyle değil, ince menekşe tonlu çizgiyle ayır. Köşe 20px.
- Bütün butonlar hap biçiminde (tam yuvarlak köşe).
- Koyu Midnight kartı sayfada en fazla bir kez, vitrin olarak kullan.
- Chartreuse'u makbuz gibi kullan: yayında rozeti, başlıkta işaretleyici, koyu kartta ilerleme.
- Logo için her zaman "benefity" yazısını kullan; 16 px'ten küçük kullanma. Elmas yalnız ikon gibi belirli alanlarda.
Yapma
- İkinci bir ana eylem rengi ekleme.
- Chartreuse'u gövde metninde, ikonda ya da büyük zeminde kullanma.
- Başlıklarda Inter kullanma; Plus Jakarta Sans'ı gövde metninde kullanma.
- Logoyu döndürme, gölge verme, renklendirme; yazının yanına nokta, elmas ya da başka bir sembol ekleme.
- İkonu yazının yanına dizme: ya yazı ya ikon. İkon yalnız kare alanlarda kullanılır.
- Beyaz kartı çerçevesiz olarak Bone Canvas zemine koyma (iki beyaz birbirine karışır).