MarkaKılavuzu
Oly
Marka Kılavuzu
İçindekiler
Bu belge neyi kapsıyor, nerede bulunur.
Bu kılavuz Oly markasının logosunu, renklerini, yazı tipini ve uygulamalarını tek yerde toplar.
02/ 15
Oly · Marka Kılavuzu
Birincil Logo
Oly'nin logosu tek parça: o, l ve y. Yatay, dikey ya da yalnız sembol gibi ayrı sürümleri yok; her yerde bu çizim kullanılır.
- SVG · açık zemin içinlogos/oly-wordmark-light.svg
- SVG · koyu zemin içinlogos/oly-wordmark-dark.svg
- PNG · 1×logos/oly-wordmark@1x.png
- PNG · 2×logos/oly-wordmark@2x.png
03/ 15
Oly · Marka Kılavuzu
Logonun Yapısı
Logo tek başına da, en küçük alanda da aynı çizim. Parçaları ayrı ayrı kullanılmaz.
Üç harf, üç basit biçim: o 45° döndürülmüş bir kare, l tam boy dik bir çizgi ve y. Oly'nin ayrı bir sembolü yok; favicon gibi en küçük alanlarda da logonun tamamı kullanılır.
- SVG · açık zemin içinlogos/oly-mark-light.svg
- SVG · koyu zemin içinlogos/oly-mark-dark.svg
- PNG · 1×logos/oly-mark@1x.png
- PNG · 2×logos/oly-mark@2x.png
04/ 15
Oly · Marka Kılavuzu
Boşluk ve Minimum Boyut
Boşluk alanı logoyu okunur tutar ve diğer öğelerden ayırır. Bu alana hiçbir şey girmez. Minimum boyut, markın hâlâ doğru okunduğu en küçük ölçüdür.
05/ 15
Oly · Marka Kılavuzu
Boşluk alanı · her yanda logo yüksekliğinin yarısı
Minimum boyut
Ekran
16px
Baskı
8mm
Yanlış Kullanım
Logo sabit bir çizimdir. Yeniden çizilmez, renklendirilmez, bozulmaz, süslenmez. Bu örnekler nelerden kaçınılacağını gösterir.
06/ 15
Oly · Marka Kılavuzu
Hareket
Mark nasıl hareket eder. Animasyon kimliğin parçasıdır: tek eğri, tek davranış, her yerde aynı. Animasyonlu SVG'yi indirip herhangi bir sayfaya loader olarak koyabilirsin. JavaScript gerekmez.
Baklava o merkezinden açılır, l tabandan yukarı uzar, y belirir. Aynı sırayla kapanır.
- Loop
- 2400ms
- Easing
- cubic-bezier(0.16, 1, 0.3, 1)
- Animasyonlu SVG · darkmotion/oly-loader-dark.svg
- Animasyonlu SVG · lightmotion/oly-loader-light.svg
Kullanım: <img src="oly-mark-dark-loader.svg" width="48">
07/ 15
Oly · Marka Kılavuzu
Renk Paleti
Renk paleti markanın görsel kişiliğini temsil eder ve tüm malzemelerde tutarlı kullanılmalıdır.
08/ 15
Oly · Marka Kılavuzu
Main
Ana renk
#1A8245
0.5352 0.1308 152.0
Gray
Koyu yüzey
#4A4A4A
0.409 0.000 0
White
Açık zemin
#FAFAF8
0.985 0.003 106
Black
Koyu zemin, metin
#040404
0.107 0.000 0
Birincil Yazı Tipi
Birincil yazı tipi tüm marka iletişiminde başlık, alt başlık ve gövde için kullanılır. Görsel hiyerarşiyi kurar ve her temas noktasında tutarlı uygulanmalıdır.
Başlık, gövde, etiket. Etiketlerde büyük harf ve 0.1em harf aralığı.
09/ 15
Oly · Marka Kılavuzu
Alexandria
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !?&@%
The quick brown fox jumps over the lazy dog
Ağırlıklar
Regular 400
Medium 500
Bold 700
- Designer
- Mohamed Gaber
- License
- SIL Open Font License 1.1
- Source
- fonts.google.com/specimen/Alexandria
Tip Hiyerarşisi
Tipografi hiyerarşisi, farklı metin boyut ve ağırlıklarının içeriği düzenlemek ve okuyucunun dikkatini yönlendirmek için nasıl kullanıldığını tanımlar.
10/ 15
Oly · Marka Kılavuzu
Display
D
80px700
Başlık 1
H1
56px700
Başlık 2
H2
40px500
Başlık 3
H3
28px500
Gövde (Büyük)
B (L)
20px400
Gövde
B
16px400
MAIN · 1A8245
E
24px700
Ürün ve Ambalaj
Logonun üründe ve ambalajda kullanımı: kutu ve pelür kâğıdı, yaka etiketi, dokuma etiket.
11/ 15
Oly · Marka Kılavuzu
Sosyal Avatar
Avatar, markın en küçük ve en sık hâlidir. 48px'te okunmalı ve her platformda dairesel kırpmaya dayanmalıdır.
12/ 15
Oly · Marka Kılavuzu
Uygulama İkonu
Favicon ve uygulama ikonunda logonun tamamı kullanılır. Üç zemin: yeşil, beyaz, siyah.
13/ 15
Oly · Marka Kılavuzu
Sunum Zemini ve Desen
Dört zemin, tek desen: sağ üst köşede logodaki baklavadan türeyen dört kare kadrajdan taşar. Logo sağ altta durur.
14/ 15
Oly · Marka Kılavuzu
İletişim
Markayı kullanırken sorun mu var? Bize yazın.
15/ 15
Oly · Marka Kılavuzu
Oly
useoly.com