Styleguide 1.06.2015
Styleguide
İçindekiler
Logo Genel Konsept Logo Production Konsepti Logo Music Konsepti Tipografi Başlık, Paragraf ve Web Yazıtipi Logo Doğru Kullanım Örnekleri Logo Hatalı Kullanım Örnekleri Sayfa Düzeni Baskı Sayfa Düzeni Örneği
Genel Konsept
Genel Konsept
Motiva kurumsal kimliği, sadelik ve modernlik terimlerini keşfeden bir yapıya sabittir. Modern, Dinamik, ve Dengeli anahtar kelimelerinden ortaya çıkan oturaklı görsel kimlik ile Motiva konsepti tek çatı altında toparlanıyor. Kurumsalın birleştirici unsuru olan “üçgen/piramit” şekli, kullanıldığı bölüme göre şekil değiştiriyor, ancak kurumsalın temel bütünlüğü görsel benzerlikten dolayı korunmuş oluyor. Keskin hatlara sahip olan görsel ile bütünlük ve uyum içinde çalışan isim yazısı, Motiva’nın oturaklı ve güçlü yapısını temsil etmektedir.
Genel Konsept
Çıkış noktası +
M =
+
Logo
Icon Analizi
Dinamik Dengeli
Motiva markasının temel değerlerini yansıtan bu icon, hem logotype, hem de icon olarak kullanılabilir şekilde tasarlandı. Üç kenarlı piramit şeklinden yola çıkılarak tasarlandığı için, yapısı gereği dinamik ve bir o kadar da sağlam yapıya sahiptir. Markanın ön yüzü olması bir yana, markayı bütünleştiren bu icon, bütün kurumsalın kilit parçasıdır.
Modern
Genel Konsept
Genel Music Productions
Production
Production
Production
Production
Production
Dengeli Production
Production
Modern Production
Production
Dinamik Production
Production
Production İconu
Production ikonu, içerdeki üçgenin pozisyon değiştirmesi ile oluşuyor. Dış çerçevenin sabit olması, kurumsal kimlik içerisinde bütünlük olmasını sağlıyor.
165,31°
112,97°
38,51°
Production
C 0
M 84
Y 79
K 0
#F05A4B
C
M
Y
K
#F05A4B
0
84
79
0
#D14D41
13
84
79
2
#AB3F35
23
86
84
14
#58585B
0
0
0
80
Production
Production
Production
Music
Music
Music
Music
Music
Dengeli Music
Music
Modern Music
Music
Dinamik Music
Music
Music İconu
Music ikonu, içerdeki üçgenin pozisyon değiştirmesi ile oluşuyor. Dış çerçevenin sabit olması, kurumsal kimlik içerisinde bütünlük olmasını sağlıyor.
165,31°
112,97°
38,51°
Music
C 77,86
M 8,79
Y 64,17
K 0,27
#23A881
C
M
Y
K
#21A780
77,86
8,79
64,17
0,27
#1B7F62
84
28
71
12
#0D6950
84
28
71
32
#58585B
0
0
0
80
Music
Music
Music
Tipografi
Başlıklar için
Aller Bold
Aa
abcdefghijklmnopqrstu vwxyz ABCDEFGHIJKLMNOPQR STUVWXYZ 1234567890
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus enim et est tempor consectetur. Fusce quam nunc, suscipit imperdiet nulla a, tempor hendrerit ligula. Nam vel lacus rhoncus, placerat diam a, lacinia ante. Nullam sed mattis augue, eu pretium ligula. Vivamus lobortis in augue eu congue. Proin aliquam elementum urna, eget consequat risus sagittis ut. Maecenas vitae maximus lorem. Pellentesque est enim, tempor sit amet mi sit amet, pharetra euismod ligula. Nunc sem augue, feugiat in cursus ut, pharetra bibendum magna. Vivamus consequat, mauris sit amet venenatis elementum, risus orci lacinia augue, in hendrerit dolor neque quis felis. Sed leo odio, imperdiet vel malesuada nec, interdum nec erat. Maecenas a lacus lectus. Phasellus rutrum, nisl id varius tincidunt, lectus erat tincidunt arcu, vel placerat mi lectus id enim. Aliquam et lobortis est. In nec maximus magna, non ullamcorper lorem. Suspendisse tellus arcu, iaculis eu ultrices sit amet, pretium sed sapien. Curabitur purus mi, egestas at maximus a, blandit eu risus. Donec luctus mattis volutpat. Sed scelerisque vestibulum convallis. Aliquam sollicitudin augue sit amet turpis pellentesque convallis. Fusce sit amet mi et justo porta auctor. Praesent sed placerat ligula, et aliquet dui. Aenean pulvinar finibus lobortis. Integer lacinia neque velit, et feugiat urna venenatis non. In hac habitasse platea dictumst. Phasellus laoreet et orci a accumsan. Pellentesque convallis, felis id pretium vestibulum, orci nulla tincidunt erat, in molestie augue lorem eget ex. Duis est sem, congue ac gravida ac, sagittis in ipsum. Nunc ut feugiat lacus, at convallis elit. Morbi vestibulum dui lacus, id feugiat massa aliquam nec.
Tipografi
Yazılar için
Aller Regular
Aa
abcdefghijklmnopqrstuv wxyz ABCDEFGHIJKLMNOPQR STUVWXYZ 1234567890
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus enim et est tempor consectetur. Fusce quam nunc, suscipit imperdiet nulla a, tempor hendrerit ligula. Nam vel lacus rhoncus, placerat diam a, lacinia ante. Nullam sed mattis augue, eu pretium ligula. Vivamus lobortis in augue eu congue. Proin aliquam elementum urna, eget consequat risus sagittis ut. Maecenas vitae maximus lorem. Pellentesque est enim, tempor sit amet mi sit amet, pharetra euismod ligula. Nunc sem augue, feugiat in cursus ut, pharetra bibendum magna. Vivamus consequat, mauris sit amet venenatis elementum, risus orci lacinia augue, in hendrerit dolor neque quis felis. Sed leo odio, imperdiet vel malesuada nec, interdum nec erat. Maecenas a lacus lectus. Phasellus rutrum, nisl id varius tincidunt, lectus erat tincidunt arcu, vel placerat mi lectus id enim. Aliquam et lobortis est. In nec maximus magna, non ullamcorper lorem. Suspendisse tellus arcu, iaculis eu ultrices sit amet, pretium sed sapien. Curabitur purus mi, egestas at maximus a, blandit eu risus. Donec luctus mattis volutpat. Sed scelerisque vestibulum convallis. Aliquam sollicitudin augue sit amet turpis pellentesque convallis. Fusce sit amet mi et justo porta auctor. Praesent sed placerat ligula, et aliquet dui. Aenean pulvinar finibus lobortis. Integer lacinia neque velit, et feugiat urna venenatis non. In hac habitasse platea dictumst. Phasellus laoreet et orci a accumsan. Pellentesque convallis, felis id pretium vestibulum, orci nulla tincidunt erat, in molestie augue lorem eget ex. Duis est sem, congue ac gravida ac, sagittis in ipsum. Nunc ut feugiat lacus, at convallis elit. Morbi vestibulum dui lacus, id feugiat massa aliquam nec.
TipograďŹ
Web için
Arial
Aa
abcdefghijklmnopqrstuvw xyz
ABCDEFGHIJKLMNOP QRSTUVWXYZ 1234567890
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus enim et est tempor consectetur. Fusce quam nunc, suscipit imperdiet nulla a, tempor hendrerit ligula. Nam vel lacus rhoncus, placerat diam a, lacinia ante. Nullam sed mattis augue, eu pretium ligula. Vivamus lobortis in augue eu congue. Proin aliquam elementum urna, eget consequat risus sagittis ut. Maecenas vitae maximus lorem. Pellentesque est enim, tempor sit amet mi sit amet, pharetra euismod ligula. Nunc sem augue, feugiat in cursus ut, pharetra bibendum magna. Vivamus consequat, mauris sit amet venenatis elementum, risus orci lacinia augue, in hendrerit dolor neque quis felis. Sed leo odio, imperdiet vel malesuada nec, interdum nec erat. Maecenas a lacus lectus. Phasellus rutrum, nisl id varius tincidunt, lectus erat tincidunt arcu, vel placerat mi lectus id enim. Aliquam et lobortis est. In nec maximus magna, non ullamcorper lorem. Suspendisse tellus arcu, iaculis eu ultrices sit amet, pretium sed sapien. Curabitur purus mi, egestas at maximus a, blandit eu risus. Donec luctus mattis volutpat. Sed scelerisque vestibulum convallis. Aliquam sollicitudin augue sit amet turpis pellentesque convallis. Fusce sit amet mi et justo porta auctor. Praesent sed placerat ligula, et aliquet dui. Aenean pulvinar finibus lobortis. Integer lacinia neque velit, et feugiat urna venenatis non. In hac habitasse platea dictumst. Phasellus laoreet et orci a accumsan. Pellentesque convallis, felis id pretium vestibulum, orci nulla tincidunt erat, in molestie augue lorem eget ex. Duis est sem, congue ac gravida ac, sagittis in ipsum. Nunc ut feugiat lacus, at convallis elit. Morbi vestibulum dui lacus, id feugiat massa aliquam nec.
Kullan覺m
Beyaz Alan
Kullan覺m
Kullanım
Renk Dengesi
Yardımcı renkler, sayfanın en fazla 20%’sini kaplayacak şekilde kullanılmalı. Bu şekilde, yardımcı rengin çok fazla ön plana çıkması engelleniyor.
80% 20%
1,2 cm 0,5 cm
1,2 Kullanım cm
9,5 cm
1,5 cm
12,9 cm
6 cm
1 cm
Sayfa Düzeni
Mümkün olan yerlerde sayfalar yatay A4 olarak kullanılmalıdır. Sayfa, 3 ana bölüme ayrılmaktadır. Bu sayede hiyerarşik olarak gereken elemanları ön plana çıkarabiliyoruz. Genel kullanım, bu sayfada gösterildiği gibi olmalıdır. Pembe/mor çizgiler, sayfa düzenindeki gerekli boşlukları göstermektedir. Herhangi bir baskı gerektiren iş için bu layout tercih edilmelidir.
Kullan覺m
Video
Mektup
Mektup
Mektup
Kullan覺m