Logo ve kullanım
Merid işareti bir dalgadır. İki tepesi bir M oluşturur, çizgi ise onları geçip devam eder: meridyen boyunca ilerleyen bir sinyal gibi, yani kütüphanenin layout'larının dayandığı tek referans çizgisi boyunca. Çizginin kendi altından geçtiği yerde gölgeye düşer (açık modda mürekkep rengi, koyu modda koyu mavi). Bu da düz şekle gradyan kullanmadan derinlik verir. Accent'i dalga taşır; marka mavisini tam gücünde kullandığı tek yer burasıdır. İşaret, Geist SemiBold ile -0.035em harf aralığında dizilmiş küçük harfli bir yazı logosuyla eşleşir. Yazı logosu SVG dosyalarında path'e çevrilmiştir, böylece her yerde aynı render'lanır. Birleşik logoda dalga, yazı logosunun x yüksekliğine oturur ve biraz daha uzundur, böylece yuvarlak harflerde olduğu gibi tepeleri çizgiyi hafifçe aşar.
Versiyonlar
İşaretin tek başına hali açık, koyu ve tek renk olarak mevcut. Beyaz tek renk logo /brand/logo-mono-white.svg, uygulama ikonu /icon.svg adresinde.
Boşluk alanı
Logonun çevresinde dalga yüksekliğinin yarısı kadar boşluk bırak. Diğer logolar ve çerçevenin kenarı dahil hiçbir şey bu alana girmemeli.
En küçük boyut
Tam logo ekranda en az 72px genişlikte olmalı. Bunun altında yalnızca işareti, en az 10px yükseklikte kullan. Favicon boyutlarında uygulama ikonunu kullan: accent zemin üzerinde beyaz dalga, accent-strong gölgelerle.
Renk
Açık versiyonu beyaz ya da --mrd-tray üzerinde, koyu versiyonu dark mode'da --mrd-bg üzerinde kullan. Renk kullanılamadığında (gravür, tek renk baskı, tek renkli bir rozet) tek renk versiyonu kullan. Dalga her zaman açık modda #3f63f5, koyu modda #6b8aff'tır; gölgeleri açık modda mürekkep rengi #0f1219, koyu modda #1a2a6e'dir.
Kaçınılacaklar
Yap
- Verilen SVG dosyalarını olduğu gibi kullan.
- Logoyu düz ve sakin zeminlere yerleştir.
- Logoyu orantılı ölçekle.
Kaçın
- Dalganın rengini değiştirme, gölgelerini kaldırma ya da yeniden renklendirme.
- Tepeleri yeniden çizme ya da çizgiyi düzleştirme.
- Gradyan, gölge, kontur ya da efekt ekleme.
- Yazı logosunu döndürme, esnetme ya da başka bir font'la yeniden dizme.
- Logoyu kalabalık fotoğrafların üzerine yerleştirme.
Ad
Metin içinde adı büyük M ile Merid olarak yaz. Yazı logosu bilerek küçük harflidir. Paket adı @merid/react.