Ana sayfa › Marka kimliği
Marka kimliği
Logo, renk, tipografi, hareket ve dil. Bu sayfa hem kılavuz hem varlık deposudur — her şey buradan indirilebilir.
İşaret
Altı parça, bir sistem.
İşaret bir altıgendir ama tek parça çizilmez: altı ayrı kenardan oluşur. Her kenar bir disiplini temsil eder — strateji, içerik, tasarım, reklam, dijital varlıklar, ölçüm. Kenarlar birbirine değmez; onları bir arada tutan, merkezdeki çekirdektir. Boşluklar kusur değil, markanın fikridir: bağımsız çalışan parçalar, ortak bir çekirdek sayesinde tek bir bütün olur.
Açık zeminlerde varsayılan.SVG
Koyu zeminlerde.SVG
Dar ve kare alanlarda.SVG
Uygulama simgesi, avatar, damga.SVG
Baskı, gravür, tek renkli zemin.SVG
İşaret zaten yakında görünüyorsa.SVG
SVG dosyalarındaki kelime markası sistem yazı tipiyle çizilir. Baskı ve üçüncü taraf kullanımları için harfleri outline'a çevirin.
Kullanım
Koruma alanı ve sınırlar.
İşaretin çevresinde, çekirdek altıgenin genişliği kadar boş alan bırakılır. Bu alana başka hiçbir öğe girmez.
✓Yapılır
- İşaret en az 24 px yüksekliğinde kullanılır; daha küçük yerlerde sadeleştirilmiş favicon biçimi kullanılır.
- Yatay kilit varsayılandır; dar alanlarda dikey kilide geçilir.
- Koyu zeminlerde ters kilit kullanılır, çekirdek akış rengini korur.
- Tek renk baskıda mono biçim tercih edilir.
- Fotoğraf üzerinde kullanılacaksa önce düz bir zemin katmanı eklenir.
×Yapılmaz
- Kenarlardaki boşluklar kapatılmaz, altıgen tek parça hale getirilmez.
- Oranlar bozulmaz, işaret yatay veya dikey esnetilmez.
- Marka geçişi işaretin içine uygulanmaz; düz renk kullanılır.
- Gölge, dış çizgi, kabartma gibi efektler eklenmez.
- Kelime markası yeniden dizilmez; büyük harfle yazılmaz.
- Renkli kullanımlarda çekirdek ile kenarlar aynı renge boyanmaz; ikisinin farkı markanın kendisidir. Tek istisna, tek renk baskı için hazırlanan mono biçimdir.
Renk
Dört rampa, net roller.
Mürekkep taşıyıcıdır, Sinyal yönlendirir, Akış canlılık verir, Nabız dikkat ister. Arayüzde ham rampa değil, anlamsal roller kullanılır.
Mürekkep
nötr · metin, yüzey, çerçeve#F7F7FA#F0F0F4#E0E0E8#C0C0CE#9494A8#6A6A80#45455A#2A2A38#1A1A24#0F0F16#08080CSinyal
birincil · eylem ve vurgu#F4F2FF#E7E4FF#CBC6FF#A69EFF#7D71FF#5A4BFF#4535E6#3527B8#271D8A#1C1560Akış
ikincil · veri ve hareket#D9FAF6#A9F3EA#6FE9DA#2DD9C6#00BFAE#009C90#007A72Nabız
üçüncül · dikkat ve bekleyen onay#FFF1D6#FFCF7A#FFB020#B87400Roller
--sa-brand · #4535E6--sa-accent · #00BFAE--sa-text · #1A1A24--sa-bg-sunken · #F7F7FA--sa-bg-inverse · #08080C--sa-pulse-500 · #FFB020Kontrast denetimi
Oranlar WCAG 2.1 formülüyle hesaplandı. Normal boyutlu metin için eşik 4.5:1.
| Ön plan | Zemin | Kullanım | Oran |
|---|---|---|---|
| Mürekkep 800 | Beyaz | Gövde metni | 17.3:1 · AA geçer |
| Mürekkep 500 | Beyaz | İkincil metin | 5.3:1 · AA geçer |
| Metin · en açık | Beyaz | Küçük açıklama | 4.6:1 · AA geçer |
| Mürekkep 400 | Beyaz | Metin için kullanılmaz | 3.0:1 · AA geçmez |
| Sinyal 600 | Beyaz | Bağlantı, düğme | 7.2:1 · AA geçer |
| Beyaz | Sinyal 600 | Düğme üzeri yazı | 7.2:1 · AA geçer |
| Sinyal 600 | Mürekkep 950 | Koyu zeminde kullanılmaz | 2.8:1 · AA geçmez |
| Sinyal 300 | Mürekkep 950 | Koyu zeminde bağlantı | 8.5:1 · AA geçer |
| Akış 500 | Beyaz | Metin için kullanılmaz | 2.3:1 · AA geçmez |
| Akış 500 | Mürekkep 950 | Koyu zeminde vurgu | 8.6:1 · AA geçer |
Akış 500 ve Sinyal 600 belirli zeminlerde metin için yeterli kontrastı vermez. Bunlar o zeminlerde yalnızca grafik öğesi olarak kullanılır — bu bir kısıt değil, kasıtlı bir sınırdır.
Tipografi
Tek aile, sekiz kademe.
Sistem yazı tipi kullanılır: Apple cihazlarda SF Pro, diğerlerinde Inter ve Helvetica Neue devreye girer. Punto büyüdükçe harf aralığı daralır — büyük başlıklar sıkı, küçük metinler nefes alır.
Display
clamp(46–112px) · 700 · -0.042emMarkanızın her işi tek elden.
Başlık 1
clamp(38–68px) · 700 · -0.03emAltı disiplin, tek ekip
Başlık 2
clamp(30–52px) · 700 · -0.026emBir brief, kırk dört görev
Başlık 3
clamp(23–32px) · 600 · -0.02emİşiniz her adımda izlenebilir
Giriş
clamp(19–25px) · 400Strateji, içerik, tasarım ve ölçüm tek elden.
Gövde
17px · 400 · 1.53Markanızın sesini öğrenir, her kanalda aynı tonda yazarız.
Küçük
14px · 400İlk çıktılar bir hafta içinde panelinize düşer.
Mikro
12px · 400 · 0.06emONAY BEKLEYEN İŞLEMLER
Hareket
Hareket süreye değil, kaydırmaya bağlıdır.
Geri sarabilir
Her sahne kaydırma konumundan hesaplanır. Aynı konum her zaman aynı kareyi verir; yukarı kaydırınca animasyon geri sarar.
Kesintiye uğrayabilir
Kullanıcı hiçbir animasyonun bitmesini beklemez. Kaydırma asla ele geçirilmez.
Kapatılabilir
prefers-reduced-motion açıkken tüm sahneler durur ve içerik düz bir sayfa olarak okunur.
Anlık geri bildirimler (imleç, odak, düğme) için marka eğrisi cubic-bezier(.28,.11,.32,1) ve 300 ms kullanılır.
Ses tonu
Sakin, kesin, abartısız.
Yapay zekayı sihir gibi anlatmayız. Ne yaptığını, neyi yapmadığını ve kararın kimde kaldığını açıkça söyleriz.
Somut konuş
Vaat değil, ölçü ver. Rakam varsa neyin rakamı olduğunu söyle.
Sınırı da söyle
Sistemin yapamadığı şeyi saklamak güveni bitirir.
Sade Türkçe
Gereksiz İngilizce terimden kaçın; yerleşmiş olanları olduğu gibi kullan.
İnsanı merkezde tut
Ajanlar işi devralır, kararı değil. Dil bunu yansıtmalı.
Varlıklar
İndirilebilir dosyalar.
Vektör
Her ölçekte kullanılır.
logo-primary.svg
logo-inverse.svg
logo-stacked.svg
logo-mark.svg
logo-mark-mono.svg
logo-wordmark.svg
