Aslı Perker · Marka Dizayn Sistemi

Dizayn Sistemi

Aslı Perker web sitesinin görsel dili: renkler, tipografi, butonlar, form ve kart öğeleri. Yeni sayfalar bu kurallara göre tasarlanır; böylece site baştan sona tutarlı kalır.

Renk Paleti

Sıcak krem zemin · bordo vurgu · altın ince detay

Zemin & Yüzey

Ana Zemin

#FBF7F0

Sayfanın temel arka planı (krem).

İkincil Zemin

#F2E9DB

Hero ve vurgulu bölümler.

Üçüncül Zemin

#EFE6D6

Öne çıkan kitap gibi bölümler.

Kart Zemini

#FFFDF9

Kartlar ve form kutuları (en açık).

Metin & Çizgi

Ana Metin

#262019

Başlık ve gövde metni (koyu).

İkincil Metin

#8A8074

Etiket, açıklama, tarih (soluk).

Çizgi / Kenarlık

#E5DAC8

Ayraçlar, kart ve input kenarı.

Koyu Bölüm

#524636

Videolar bölümü + footer zemini (sıcak orta-koyu kahve).

Vurgu

Bordo (Ana Vurgu)

#7A2E48

Butonlar, linkler, vurgu metni.

Bordo Açık

#94385A

Buton hover (üzerine gelince).

Altın

#A9824E

İnce başlık çizgisi, süs detayları.

Bordo Gradyan

#7A2E48 → #4F1D2F

Öne çıkan kitap kapağı.

Tipografi

Üç yazı tipi · klasik, edebi, okunaklı

Playfair Display
Başlıklar (h1, h2, h3), kitap adları, istatistik sayıları. Klasik ve zarif.

Inter
Gövde metni, paragraflar, butonlar, etiketler. Modern ve okunaklı.

Libre Baskerville (italik)
Logo, eyebrow, rol/imza, alıntı vurgusu. Edebi dokunuş.

Başlık / Hero
74px · Playfair

Aslı Perker

Bölüm Başlığı
40px · Playfair

Kitaplar

Alt Başlık
24px · Playfair

Bibliyoterapi & Podcast

Büyük Alıntı
30px · Playfair

Kelimelerin iyileştiren gücü

Eyebrow
15px · Baskerville

Yazar · Bibliyoterapist

Gövde / Lead
18px · Inter

Romanlar, bibliyoterapi yazıları ve podcast — Aslı'nın dünyasına buradan girin.

Gövde
16px · Inter

Standart paragraf metni; satır yüksekliği rahat okuma için 1.7.

Etiket
13px · Inter · BÜYÜK

Roman · 2021

Butonlar

Köşe yumuşatma 2px · büyük harf · geniş harf aralığı

Açık zeminde

Ana eylem için dolu bordo; ikincil eylem için çizgili.

Bültene Katıl Kitapları Keşfet

Koyu zeminde

Koyu bölümlerde (Videolar gibi) şeffaf çerçeveli buton.

Tümünü İzle Bültene Katıl

Bileşenler

Sitede tekrar eden hazır parçalar

Okur · İyileşme

Kart

Krem zeminli, ince kenarlıklı içerik kutusu. Bibliyoterapi, podcast ve bülten bölümlerinde kullanılır.

İstatistik

Kitap

Dile çevrildi

~12B

Instagram

Bölüm başlığı

Altın ince çizgi + eyebrow + Playfair başlık üçlüsü. Her bölümün girişinde.

Eserler

Kitaplar

Satın alma etiketleri (pill)

Kitabın satıldığı yerler için tıklanabilir küçük etiketler.

KitapyurduD&RİdefixAmazonStorytel

Söyleşi · Konuşma

Koyu bölüm

Videolar bölümü ve footer için koyu zemin (#221C16). Pembe-bordo tonlu eyebrow ile sıcak kontrast.

Tümünü İzle

Form Öğeleri

Bülten kaydı ve iletişim için

E-Posta Bültenine Kayıt

Etiket büyük harf + soluk renk; input odaklanınca kenarlık bordoya döner.

Adınız

E-posta Adresiniz *

Kayıt Ol

Boşluk · Köşe · Gölge

Düzen kuralları

Düzen & Boşluk

İçerik genişliği 1180px

Kenar boşluğu 36px

Bölüm aralığı 104px

Kart iç boşluğu 34–38px

Satır yüksekliği 1.7

Köşe Yumuşatma

Buton tam yuvarlak

Input 2px

Kart / kutu 3–4px

Butonlar tam yuvarlak (hap şekli); kart ve inputlarda köşeler hafif yumuşak.

Gölge

Yumuşak kartlar

Belirgin kapak / form

Sıcak kahve tonlu, dağınık gölge — sert siyah değil.

Kullanım Notları

• Ton: sıcak, edebi, sakin. Krem zemin huzur verir; bordo vurgu yazarlık/duygu hissi taşır; altın çizgiler zarafet katar.
• Başlıklar her zaman Playfair, gövde her zaman Inter. Libre Baskerville yalnız vurgu/imza için (italik) — başlık ya da uzun metinde kullanılmaz.
• Bordo dengeli kullanılır — eylem, link ve küçük vurgular için; büyük zeminlerde değil (bülten bölümü istisnadır).
• Yeni bir sayfa tasarlanırken bu paletin ve ölçeğin dışına çıkılmaz; yeni renk/font eklenecekse önce bu sayfaya işlenir.