Tasarım sistemi
AppStoreBelge marka kılavuzu
Kimlik tek bir fikir üzerine kurulu: ödünç alınan bir dil ile teslim edilen bir belge. Logodaki ağırlık farkı bu ikisini ayırır, mavi nokta ise işin bittiğini söyler. Sistemin geri kalanı bu cümleyi tekrar eder.
Bu sayfa arama motorlarına kapalıdır ve kodun kendisinden beslenir — burada gördüğünüz her örnek sitede kullanılan gerçek bileşendir.
01 — Logo
Sembol yok, kelime var
AppStoreBelge'nin markı çizilmiş bir ikon değil, kelimenin kendisi. Bu yüzden hiçbir boyutta bozulmaz, hiçbir dilde çevrilmez ve ayrı bir kullanım kılavuzu gerektirmez.
Birincil kullanım. Beyaz ve açık zeminlerde. Serbest alan: nokta çapının 4 katı.
Ters kullanım. Koyu zeminde mavi #0A84FF'a yükselir.
Kare indirgeme (monogram)
İkon isteyen bağlamlarda — favicon, ana ekran simgesi, dar uygulama başlığı — kelime markının ilk harfi ve marka noktası kullanılır. İkinci bir logo değildir; aynı varlığın sıkıştırılmış hâlidir.
Doğru
Ağırlık farkını koru. "AppStore" sönük, "Belge" güçlü.
Yanlış
Büyük harfe çevirme, harf arası açma, tek ağırlıkta yazma. Ayrım kaybolur.
02 — Renk
Bir mavi, bir mürekkep, çok beyaz
Sayfanın çoğu beyaz. Renk yalnızca aksiyonu ve durumu işaret ettiğinde ortaya çıkar; dekorasyon için kullanılmaz.
brand-50
#EBF4FE
Seçili satır zemini
brand-100
#D6E9FD
Bilgi kutusu zemini
brand-200
#AED3FB
Kenarlık, ayraç
brand-300
#7FB8F8
Devre dışı buton
brand-400
#4A97F0
İkincil vurgu
brand-500ana
#0071E3
Ana aksiyon rengi
brand-600
#0062C7
Basılı hâl
brand-700
#0051A3
Açık zeminde metin
brand-800
#003F7F
Grafik derinliği
brand-900
#002C58
Koyu gradyan ucu
Mürekkep ve yüzey
foreground
#1D1D1F
Başlık ve gövde metni
muted
#6E6E73
İkincil metin, açıklama
faint
#86868B
Dipnot, telif, meta
border
#E5E5EA
Standart hairline
border-strong
#D2D2D7
Vurgulu ayraç
surface
#F5F5F7
Kart içi zemin
surface-2
#F9F9FB
Bölüm zemini
Durum renkleri
Teslim edildi, onaylandı
Ödeme bekleniyor
Nötr durum bildirimi
Reddedildi, iptal
Kontrast kuralı. #0071E3 koyu zeminde yeterli kontrast taşımaz. Siyaha yakın her yüzeyde brand-on-dark (#0A84FF) kullanılır — logo, buton ve bağlantılar dâhil.
03 — Tipografi
Tek ses: Inter
Arayüz, başlık ve logo aynı yazı karakterini paylaşır. Ayrım punto ve ağırlıkla kurulur, ikinci bir karakterle değil. Manrope yalnızca We Studio bandına ayrılmıştır — iki markayı ayıran şey budur.
Belgeleriniz hazır
display
64 / 1.03 / -0.035em
Yalnızca ana sayfa hero
Belgeleriniz hazır
title-1
48 / 1.06 / -0.03em
Sayfa başlığı
Belgeleriniz hazır
title-2
36 / 1.10 / -0.025em
Bölüm başlığı
Belgeleriniz hazır
title-3
24 / 1.25 / -0.02em
Kart başlığı
Belgeleriniz hazır
lead
19 / 1.60 / -0.011em
Başlık altı açıklama
Belgeleriniz hazır
base
16 / 1.65
Gövde metni
Belgeleriniz hazır
caption
13 / 1.45
Dipnot, yasal uyarı
Bölüm etiketi
.section-eyebrow — her bölümü açan çizgi + küçük büyük harf etiketi. Sayfadaki tek tekrarlayan süs bu.
1.240 belge · 36 saat
.figures — sayı içeren her yerde tabular rakam. Sütunlar hizalı kalır, sayaçlar titremez.
04 — Bileşenler
Yuvarlak, ince kenarlıklı, hafif gölgeli
Her yüzey aynı üç şeyi paylaşır: 1px hairline kenarlık, cömert köşe yarıçapı, neredeyse görünmez gölge. Ağırlık farkı gölgeyle değil, zeminle kurulur.
Kart
rounded-3xl + border-border + shadow-soft
Panel
.surface-panel — 32px yarıçap, geniş içerik blokları için.
Izgara zemin
.bg-grid-faint — ürün ekranı ve belge maketi arkası.
.bg-hero-glow
Yalnızca sayfa başındaki hero.
.bg-section-glow
Sayfa ortasındaki bölümler. Hero'dan daha sönük — ikinci bir hero gibi durmamalı.
05 — Hareket
İki eğri, üç süre
Hiçbir şey zıplamaz, hiçbir şey hedefi aşmaz. Hareket dikkat çekmek için değil, bir şeyin nereden geldiğini açıklamak için var.
--ease-brand
cubic-bezier(.22,1,.36,1)
Arayüz tepkisi: hover, açılır menü
--ease-entrance
cubic-bezier(.16,1,.3,1)
İçeriğin sayfaya girişi
--duration-fast
150ms
Renk, opaklık
--duration-base
250ms
Konum, boyut
Her animasyon prefers-reduced-motion altında kapanır. Bu bir tercih değil, kabul kriteri.
06 — Dil
Ne söylediğimiz, nasıl söylediğimiz
Hassas belgelerle çalışıyoruz ve müşteri bize güvenmek zorunda. Abartı bu güveni kurmaz, netlik kurar.
Süreci anlat, sıfat sayma
Belgeleriniz yeminli tercümana gider, İngilizce teslim edilir.
Sektörün en kaliteli ve profesyonel tercüme hizmeti!
Apple'ın adına saygılı kal
Apple'ın istediği belgeleri başvuruya hazır hâle getiriyoruz.
Apple onaylı çözüm ortağınız.
Söz verirken sınırı da söyle
Belgeleri hazırlıyoruz; nihai değerlendirme Apple'a ait.
Hesabınızın açılacağını garanti ediyoruz.
Rakam varsa kaynağını taşı
Bu yıl 120 belge teslim ettik.
Binlerce mutlu müşteri.
Değişmeyen çekince. AppStoreBelge bağımsız bir hizmet platformudur. Apple Inc. ile bağlı, yetkili veya resmi bir ilişkisi yoktur. Nihai başvuru değerlendirmesi Apple tarafından yapılır.
07 — Görsel
Gerçek ekip, stok değil
Sitedeki her fotoğraf We Studio arşivinden geliyor. Stok görsel, yapay zekâ ile üretilmiş insan yüzü veya temsilî ofis fotoğrafı kullanılmaz — güven satan bir markada bu en pahalı kısa yol olur.
Doğru
- Kendi arşivimizden kareler, 4:5 veya 16:9
- 24px köşe yarıçapı, 1px hairline kenarlık
- Alt kenarda siyahtan şeffafa geçen altyazı bandı
- Filtresiz; yalnızca hafif pozlama düzeltmesi
Yanlış
- Stok fotoğraf, temsilî ekip görseli
- Yapay zekâ ile üretilmiş insan yüzü
- Apple ürün fotoğrafı veya App Store arayüz görseli
- Gerçek müşteri belgesinin okunabilir hâli
08 — Marka mimarisi
We Studio çatısı
AppStoreBelge bağımsız bir ürün gibi davranır ama We Studio imzasını taşır. İki kimlik hiçbir zaman birbirinin yerine geçmez.
Ayrım nasıl kuruluyor
- Yazı karakteri. AppStoreBelge Inter konuşur, We Studio Manrope.
- Zemin. AppStoreBelge beyaz üzerine çalışır; We Studio bandı koyu ve ızgaralıdır.
- Yer.Çatı marka yalnızca navbar altındaki imzada, footer'da ve tek bir çapraz bantta görünür.
Yasal künye
AppStoreBelge, We Studio markası altında sunulan bir hizmettir. Sözleşmelerde ve faturada görünen tüzel kişilik We Studio teknoloji şirketidir; pazarlama metinlerinde marka adı, yasal metinlerde tüzel kişilik adı kullanılır.