Tasarım rehberi
Her şeyi açık, dengeli ve tutarlı kılan sade bir tasarım sistemi.
Antalya’nın güneşi
evinizin enerji sistemi için
evinizin enerji sistemi için
Antalya merkezli Antsolar ile güneş enerjisi, batarya depolama ve araç şarj çözümlerini evinize uygun şekilde planlıyoruz. Çatınızı, tüketiminizi ve ihtiyaçlarınızı birlikte değerlendiriyoruz.
Antalya merkezli · Evinize özel değerlendirme
Kapsamı
Vergi indirimi
Yerel enerji destekleri
Net ölçüm avantajları
Bu sayfa, Antsolar’ın görsel sistemini gösterir. Tipografi, renkler, boşluklar ve bileşenler tutarlı bir yapı içinde birlikte çalışır.
Sistem, tüm sayfalarda aynı görsel dili korumayı amaçlar. Ortak stiller, okunabilir içerik ve farklı ekranlara uyum sağlayan yerleşimler temel alınır.
Sistem, tüm sayfalarda aynı görsel dili korumayı amaçlar. Ortak stiller, okunabilir içerik ve farklı ekranlara uyum sağlayan yerleşimler temel alınır.
Tipografi
Tipografi net bir hiyerarşi ve tutarlı okuma deneyimi oluşturur. Büyük başlıklardan küçük etiketlere kadar her boyutun belirli bir işlevi vardır.
Başlık H1
Başlık H2
Başlık H3
Başlık H4
Başlık H5
Başlık H6
Büyük metin
Büyük metin (kalın)
Orta metin
Orta metin (kalın)
Küçük metin
Küçük metin (kalın)
Etiket
Etiket
Renkler
Renk sistemi, yapı için nötr tonlar ve önemli alanlara dikkat çekmek için az sayıda vurgu renginden oluşur. Zeminler, metinler, çizgiler ve vurgular birlikte çalışacak şekilde seçilmiştir.
Yüzey
Nötr yüzeyler alanı ve yapıyı tanımlar. İçerik bu zeminler üzerinde yer alır.
- Yüzey 1 — ana sayfa zemini
- Yüzey 2 — kartlar ve paneller
- Yüzey 3 — kontrast bölümler
Daha koyu veya belirgin bölümlerde Yüzey 3, yükseltilmiş alanlarda Yüzey 2 kullanılır. Koyu bölümlerde metin renkleri uyumlu biçimde değişir.
yüzey 1
yüzey 2
yüzey 3
Metin tonu
Metin tonları bilgi hiyerarşisini belirler. Metin, ikon, kenarlık ve arayüz ayrıntılarında kullanılır.
Ton sıralaması açık ve koyu görünümde korunur.
- Ton 1 — ana içerik
- Ton 2 — ikincil metin
- Ton 3 — destekleyici bilgiler
- Ton 4 — kenarlık ve ayırıcılar
Tüm seviyeler temel rengin tonlarıdır; açık ve koyu yerleşimlerde tutarlı hiyerarşi sağlar.
ton 1
ton 2
ton 3
ton 4
Vurgu
Vurgu renkleri önemli eylem ve marka alanlarında sınırlı kullanılır. Açık ve koyu görünümde tutarlıdır.
vurgu sarısı
vurgu mavisi
Butonlar
Butonlar anlaşılır ve öngörülebilir olacak şekilde tasarlanır. Birincil eylemler öne çıkar; ikincil butonlar dikkat dağıtmadan destekler. Kullanıcı sonraki adımı kolayca görebilir.
Daire
Form alanları
Form alanları sade ve kolay kullanılır. Odaklanmış ve doldurulmuş durumlar, kullanıcının hangi alanda olduğunu anlamasına yardımcı olur.
Tipografi ayrıntıları
Başlıkların farklı ekranlarda kırpılmaması için satır yüksekliği, harf aralığı ve kapsayıcı boşlukları birlikte ayarlanır.
Bu ayrıntılar büyük başlıklarda da temiz görünümü korur.
Aşağıdaki tipografi stilleri farklı ekranlarda tutarlılığı destekler:
Bu ayrıntılar büyük başlıklarda da temiz görünümü korur.
Aşağıdaki tipografi stilleri farklı ekranlarda tutarlılığı destekler:
başlık kelimesi
başlık satırı