Marka Varlıkları

learn.place kimliği, tek bir yerde.

Logolar, simge, faviconlar ve renk değerleri. Açık ve koyu tema kullanım kurallarıyla, markayı sitede ve uygulamalarda aynı tutmak için.

Varlık paketini indirKullanım kuralları
01

Logo

Simge, ardından “learn” ve marka mavisiyle “.place”. Açık zeminde açık sürümü, koyu temada koyu sürümü kullanın.

Açık zeminlearn.place
Koyu zeminlearn.place
02

Simge

“L” harfi boşlukta okunan açık bir kare. currentColor ile çizilir; açık zeminde accent, koyu zeminde daha açık mavi ya da beyaz alır.

Accent · açık
Accent · koyu
16
24
32
48

20px’in altında çıplak simge okunmaz olur, onun yerine karolu faviconu kullanın.

Solda: en az boşluk, simgenin üst çubuğunun yüksekliği kadar. Sağda: simge ~24px’e kadar biçimini koruyor.

03

Favicon ve uygulama karosu

Küçük boyutta çıplak simge kaybolur, o yüzden favicon hep karolu sürümü kullanır: mavi 256×256 karo, üstünde beyaz simge. Tek bir SVG favicon; .ico ya da apple-touch yok.

256 · 32 · 16
Tarayıcı sekmesinde
learn.place×
04

Renk

Tek accent: elektrik mavisi. Açık modda beyaz buton yazısı WCAG AA’yı geçsin diye biraz koyulaştırıldı. Gerisi düşük doygunlukta soğuk gri. Değeri kopyalamak için üstüne tıklayın.

Accent · light
#0075F2
Accent · dark
#3C91FD
Foreground
#0B1220
Background · light
#F7F8FA
Background · dark
#14161B
Muted
#5B6472
Border
#E4E7EC
Card · dark
#1B1E25

Accent sadece vurgu için: birincil butonlar, bağlantılar, odak halkası, marka simgesi. Nötr bir yüzeyi boyamak için değil.

05

Kullanım

Birkaç kural simgeyi tanınır tutuyor. Kararsız kaldıysanız: daha çok boşluk, düz accent mavisi.

learn.place
✓Yap — düz accent mavisi, temiz ve kontrastlı bir zeminde, etrafında boşlukla.
learn.place
✕Yapma — mor ya da gradyan zemin yok, accent’i yeniden renklendirmek yok. Tek accent mavi.
learn.place
✓Yap — simgeyle logoyu aynı taban çizgisinde, oranları bozmadan tut.
learn.place
✕Yapma — germe, eğme, gölge veya parlama ekleme, simgeyi gözle yeniden çizme yok.
  • 01Tek accent. Mor gradyan yok, neon parlama yok, ikinci bir accent rengi yok.
  • 02Açık ve koyu çiftleri. Açıkta mavi simge, koyu yazı. Koyuda daha açık mavi (#3C91FD), beyaz yazı.
  • 03Boşluk. Her kenarda en az simgenin üst çubuğu kadar boşluk bırakın.
  • 04Küçük boyutlar. 20px’in altında çıplak simge yerine karolu faviconu kullanın.
06

İndir

Logolar, simge ve açık/koyu faviconlar, tek bir zip içinde.

learn.place varlık paketi

Her logo ve simge için SVG kaynağı, karolu favicon ve PNG çıktıları. Vektör, temaya hazır. Her dosyaya tıklayıp tek tek indirebilirsiniz.