
Apple (España)
Zar zor duyulabilen başlıklarla bezenmiş, bembeyaz bir katedral. Devasa, 700 yoğunluklu yazı tiplerinin havada asılı durduğu, yalnızca pastel renkler ve tek bir mavi iplikle bir arada tutulduğu geniş, aydınlık bir salon.
Apple'ın ürün sayfası dili, tipografik cömertliğin bir örneğidir: Açık beyaz bir arka plana karşı büyük SF Pro Display başlıkları, her kelimenin kasıtlı hissettirdiği geniş beyaz boşlukla çevrilidir. Renk paleti neredeyse tek renklidir—metin #1d1d1f, tuval #ffffff ve #f5f5f7 arasında değişir—sadece etkileşimli anlar için ayrılmış tek bir mavi vurgu (#0071e3) bulunur. Renk, ürün resimlerinin kendisinde (pastel tonlar) mevcuttur, asla dekoratif UI öğeleri olarak kullanılmaz. Bileşenler çerçevesizdir: 28 piksel yarıçaplı yuvarlak kartlar, sayfanın kenarlarına neredeyse değen hap şeklinde düğmeler, görünür konteyner veya gölge yok. Ritim, ayırıcılar veya kenarlıklar yerine, değişen beyaz ve gri çizgilerle oluşturulur.
Bölümler, sayfanın tam genişliğini kaplar ve geniş bir boşlukla (yaklaşık 40-100 kenar) kenardan kenara uzanır. Maksimum içerik genişliği, her şerit içinde etkili bir şekilde ortalanmıştır. Ana öğe, ortalanmış bir yığındır: kaş şeklinde bir etiket, büyütülmüş bir başlık, tek bir harekete geçirici düğme, bir fiyat satırı ve ardından görünüm alanının altını dolduran bir ürün resmi. Bölümler tekrarlayan bir deseni izler: şerit içinde sola hizalanmış bir başlık, ardından ürün açıklamalarıyla iki sütunlu bir düzen (solda metin/sağda resim veya alternatif), üç sütunlu bir kart ızgarası veya ortalanmış bir görsel vitrin. İçerik ritmi, 100-100 cm'lik dikey boşluklarla beyaz ve üç renkli arka planların dönüşümlü kullanımıyla tamamen kontrol edilir; ayırıcı yok, öğe taşıyan kart yok. Küresel gezinme, tek ve sabit bir çubuktur. Ürün özellikleri bölümleri, metnin daha geniş bir görsel alana karşı dar sütunlarda (~560 piksel) ortalandığı, geniş boşluklu tam genişlikte bantlar kullanır.
Apple'ın görsel dili öncelikle ürün fotoğrafçılığına dayanıyor: yaşam tarzı bağlamı veya kurgulanmış sahneler olmadan, saf beyaz veya renkli bir arka plana karşı donanımın yakın çekimleri. Ana görselde, pastel yeşil bir MacBook Neo'yu tutan eller gösteriliyor; insan unsuru ikincil öneme sahip, duygudan ziyade ölçek ve dokuyu gösteriyor. Ürün varyantı bölümlerinde, iki cihaz, eşleşen çerçeve renklerinden (pembe, yeşil, gümüş, gök mavisi) oluşan bir arka plana karşı yan yana sunuluyor; her kart, ürünün merkezde olduğu düz bir renk alanı. Detay çekimlerinde, nötr bir arka plana karşı aşırı yakın çekimler (dizüstü bilgisayar menteşesi, kamera modülü) kullanılıyor. İllüstrasyon, soyut grafik veya dekoratif görüntü yok; ürünün kendisi görsel unsur. İkonografi her yerde; Apple sistem ikon setinden alınan, 1,5-2 piksel kalınlığında, SF Symbols stilinde tek renkli çizgi ikonlar. Fotoğraflar her zaman yüksek kontrastlı bir şekilde çekiliyor: ürünü üç boyutlu bir nesne yerine grafik bir forma indirgeyen, tekdüze, gölgesiz aydınlatma.
Palet
Marka
- Electric Blue
#0071e3— Kullanıcı arayüzünde tek renk vurgusu olarak dolgulu işlem düğmeleri kullanılır ve bunlar yalnızca eylem çağrıları için seyrek olarak kullanılır. - Link Blue
#0066cc— Metin içi bağlantılar, ok ve şerit işaretli bağlantılar. - Citrus Gradient
#3b3b23— Ürünün imzası haline gelen alternatif bir görünüm ise, koyu bir tabandan sarı-yeşil tonlara doğru geçiş yapan bir renktir.
Doğal
- Primary Ink
#1d1d1f— Başlıklar, gövde metni ve düğme etiketleri tüm yüzeylerde baskın ön plan rengini oluştururken; ana ürün görselinin arka planı, üstte düz bir #1d1d1f renginden kromatik bir maviye yumuşak bir geçiş gösterir. - Mid Gray
#707070— İkincil metin, etkin olmayan gezinme durumu, sessizleştirilmiş kullanıcı arayüzü etiketleri - Deep Gray
#474747— Gezinti metni ve simgeleri orta boy yazı tipindedir. - Hairline
#d6d6d6— Bölümler ve kullanıcı arayüzü öğeleri arasındaki ince sınırlar. - Canvas
#f5f5f7— Alternatif bölüm arka planları - beyaz alanları ayıran gri bir şerit. - Paper
#ffffff— Kart yüzeyi, ana sayfa arka planı, koyu arka plan üzerinde düğme metni.
Tipografi
12 ila 96 piksel arası · 10 adım
- SF Pro Display — yenisiyle değiştirme: Inter · ana hatlar 600, 700 · Ekran için ana başlıklar ve alt başlıklar — 700 kalınlıkta, 80–96 piksel genişliğinde ve -1,44 piksel negatif harf aralığıyla Apple'ın imzası olan "beyaz zeminde yüzen devasa başlık" oluşturulur. Alternatifler: Inter, system-ui
- SF Pro Display — yenisiyle değiştirme: Inter · ana hatlar 600 · Bölüm başlıkları, kart başlıkları, alt başlıklar - 600 puntoluk, hafif pozitif harf aralığıyla orta boyutlarda, yukarıdaki kısa başlıkların aksine sıcak ve samimi bir his uyandırıyor.
- SF Pro Text — yenisiyle değiştirme: Inter · ana hatlar 400, 500, 600 · Gövde metni, gezinme menüsü, destekleyici paragraflar ve küçük alt yazılar için, 17 piksel boyutunda ve 400 indeksli bir yazı tipi birincil yazı tipi olarak kullanılır. Negatif harf aralığı, bilgi yoğun sayfalarda daha özlü bir ana metin sağlar.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | yoğun |
| Temel adım | 8-10px |
| Düğme yarıçapı | 980px |
| Kart yarıçapı | 28px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 100-120px |
| Sayfa genişliği | 1200px |
Yapay zeka, web sitenizi Apple (España) tarzında oluşturacak ve içeriğini dolduracak.
- Ürünlerinizi ve gönderilerinizi aşağıdaki bağlantılar aracılığıyla paylaşın: Instagram, TikTok, Facebook.
- Eski sitenizdeki içeriği aktarın; sadece adresi belirtmeniz yeterli.
- En iyi motor üzerinde modern tasarım: Sunucu tarafı işleme ve SEO optimizasyonu özellikleriyle birlikte React ( Next.js).
- Arama sonuçları için tamamen otomatik SEO optimizasyonu ve sinir ağı tabanlı öneriler.
Benzer stiller
- Airbnb — Tek bir mercan kırmızısı kitap ayracıyla süslenmiş, sakin beyaz bir galeri duvarı.
- Peak Design — Kısmen aydınlatılmış galeri duvarı
- Ramp — Yayın kurulu finans departmanı, tek bir neon işaretleyiciyle siyah beyaz sayfalar. Yayın organının neredeyse tek renkli yüzeyi, tek bir parlak limon yeşili çizgiyle her etkileşimi parasal bir sinyale dönüştürüyor.
- 099 SUPPLY — Siyah beyaz objelerle dolu bir galeri duvarı.
- Orderful — Endüstriyel Lojistik Kontrol Paneli - Siyah ve cerrahi kırmızı mürekkeple basılmış, her sayfası bir operatörün önemli bir şeyi yüksek sesle söylemesine olanak sağlayacak kadar sade olan, basılı bir lojistik sevkiyat kontrol listesi.
- Apple (España) — beyaz galeri vitrini
- teenage engineering — Stüdyo aydınlatması endüstriyel kataloğu - sayfadaki tek önemli nesne ürün olup, diğer her şey onun etrafında ele alınmaktadır.
- Apple (España) — Sabah sisinde bir galeri penceresi
- Lightship — Açık yolun sinematik bir dioraması. Sıcak krem rengi galeri duvarları, yakın aralıklarla yerleştirilmiş büyük manzara fotoğraflarıyla süslenmiş; çerçevelerde zar zor görünen ince siyah yazılar ve tek bir parlak turuncu vurgu, çayırda bir şenlik ateşi gibi monokromluğu kırıyor.
- Custo — Metalik gri tonlarında, tek parça bir yazı tipine sahip bir galeri. Soluk gri-yeşil tonlarında bir sergi salonu; burada tek bir koyu obje ve 57 piksel yazı tipi kendi başına konuşuyor.
- Silencio — Havada süzülen objelerle dolu beyaz bir oda. Her bir unsurun negatif hacimli bir arka plana karşı yerini aldığı, sıcak kağıttan yapılmış bir galeri sergisi ve sessizlik, kasıtlı bir tasarım kararı.
- ORYZO AI — Bir karanlık odayı konu alan fotoğraf denemesi. Sıcak karanlığın içinde tek başına duran bir obje, tek dekorasyonu krem rengi yazı tipi.