WEB TASARIM
Göz, ilk saniyedenereye bakacağına karar verir.
Kullanıcı bir sayfayı okumaz, önce tarar. Web tasarımı benim için süsleme değil, bu taramayı yönetme işi: büyüklük, ağırlık, boşluk ve renk doğru sırada kullanıldığında sayfa kendi kendini anlatır — ve o güven, markana da yansır.
GÖRSEL HİYERARŞİ
Büyüklük tesadüf değildir.
Her proje aynı dört sesle konuşur, oranı değişir: kahraman başlık dikkati çeker, bölüm başlığı bağlamı kurar, gövde metni detayı taşır, mikro etiket arka planda yön verir. Aşağıdaki merdiven, bu sayfanın kendi ölçeği.
Marka burada konuşur
Kahraman başlığı
font-space · 600 · ~48px
Bağlamı kurar
Bölüm başlığı
font-display · 600 · ~24px
Okunabilir uzunlukta kalır, gözü yormadan detayı taşır.
Gövde metni
font-body · 400 · ~17px
YÖN BİLGİSİ
Mikro etiket
font-mono · 500 · ~12px
TASARIM SİSTEMİ
Serbest değil, sistemli.
Kod satırından önce bir sistem kurarım: sınırlı bir renk paleti, tutarlı bir tipografi ölçeği, öngörülebilir boşluk kuralları. Aşağıdaki palet iddia değil — bu sitenin kendi sistemi, canlı örnek.
Paper
#FAFAF8
Surface
#FFFFFF
Ink
#17181C
Ink 60
#5B5B60
Brand
#D6112B
Brand Deep
#A80D22
Brand Soft
#FCEBEE
Night
#141519
MARKADAN MARKAYA
Sistem sabit, ses değişir.
Görsel hiyerarşi ve tipografi kuralları her projede aynı disiplinle uygulanır — ama palet ve ton markanın karakterine göre şekillenir. Bir emlak ofisinin güveni, bir düğünün sıcaklığıyla aynı renkte konuşmaz.
KAPSAM
Elinde ne kalır.
- Markana özel bir tasarım sistemi: renk paleti, tipografi ölçeği, boşluk kuralları
- Masaüstü, tablet ve mobil için ayrı ayrı düşünülmüş, tutarlı ekranlar
- Bileşenlerin nasıl davrandığını gösteren tıklanabilir bir prototip
- Geliştirme aşamasına sorunsuz geçiş için düzenli, adlandırılmış dosyalar
WEB TASARIM
Markan ekranda nasıl konuşuyor?
Mevcut sitenin hiyerarşisini birlikte inceleyelim ya da sıfırdan başlayalım — projeni anlat, uygun olup olmadığımızı netleştirelim.