IKEA
Güneş ışığıyla yıkanmış, demonte halde bir İsveç mobilya teşhir salonu.
IKEA'nın arayüzü, yüksek kontrastlı bir dergi sayfasına benziyor: sıcak beyaz bir arka plan üzerinde neredeyse siyah yazı tipi, yerleşik eylem çağrısı bölgeleri olarak hizmet veren düz sarı panellerle tamamlanıyor. Sistem kasıtlı olarak minimalisttir—sadece iki kalınlıkta (400 ve 700) özel bir sans-serif yazı tipi (Noto IKEA), her bileşen için tek bir köşe yarıçapı ve gölge veya gradyan yok. Bu kompaktlık, minimalist bir trend değil, yapısal bir özelliktir: negatif harf aralığı (-0.029em başlıkta, -0.027em gövde metninde) 13 piksellik etiketlere bile mimari bir hava katıyor. Kartlar büyük ve medya içeriğine odaklanmış, okunabilirliği artırmak için gradyan ve siyah arasında değişen metin kaplamalarıyla büyük iki sütunlu bloklar halinde düzenlenmiştir. Sarı yazı tipi #ffdb00 arayüz için tüm işi yapıyor—süslemiyor, sadece etkinleştiriyor.
Yaklaşık 1440 piksel ile sınırlı, ortalanmış içerik kapsayıcısına sahip tam genişlikte bir tasarım. Navigasyon, basit, sabit olmayan bir üst çubuktan oluşuyor. Sayfa, yaklaşık 80 piksel aralıklarla dikey olarak üst üste dizilmiş yatay kartlardan oluşuyor. "Kahraman" düzeni, bölünmüş bir düzendir: 2/3 medya kartı (resim) + 1/3 eylem çağrısı içeren düz sarı kart. Sayfanın ana gövdesi, resim ve metin bloklarını dönüşümlü olarak kullanan iki sütunlu kart ızgaraları kullanıyor. İçerik yoğunluğu geniş, asla sıkışık değil. Kartlar büyük (minimum yaklaşık 600x400 piksel) ve bol dolguya sahip. "Zaman Çizelgesi/Geçmiş" bölümü, büyük sayılarla ızgarayı bölüyor. Yan çubuk, mega menü veya karmaşık bir navigasyon mimarisi yok.
Görsel dil öncelikle ürün ve yaşam tarzı fotoğrafçılığından oluşuyor. Düzenleme: Stüdyonun keskin beyazlığı yerine, yaşanmışlık hissi veren, aydınlık, doğal ışıklı, sıcak İskandinav iç mekanları. İnsanlar ürünle etkileşim halinde (tutma, monte etme, kullanma) sahnelerde yer alıyor. Görseller her zaman kartın tam genişliğini kaplıyor, asla organik şekillere göre kırpılmıyor. Metin içeren kartların alt kısmında degrade siyah kaplamalar bulunuyor. Ara sıra düz illüstrasyonlar da yer alıyor (örneğin, turkuaz, yeşil ve turuncu renklerde kültürel ikonografi içeren bir Almanya haritası). Fotoğraflar editoryal bir tarzda çekiliyor: parlak stok fotoğraf efekti yok, aşırı stilize edilmiş renk düzeltmesi yok.
Palet
Marka
- IKEA Yellow
#ffdb00— Harekete geçirici mesajları doldurmak için temel unsurlar, öne çıkan görsellerin yer aldığı kartlar için arka planlar, ana penceredeki vurgu panelleri - sistemin benzersiz bir renk öğesi.
Doğal
- Ink Black
#111111— Ana metin, gövde metni, başlıklar, ana kenarlıklar (851 kez), simge çerçeveleri. - Pure White
#ffffff— Sayfa arka planı, kart yüzeyi, gezinme arka planı, koyu arka plan üzerinde düğme metni. - Warm White
#fffefb— Düğmeler ve kartlar için kullanılan, saf beyazdan biraz daha sıcak, hafif kremsi bir ton, dijital dünyanın soğukluğunu kırıyor. - Steel Gray
#818181— İkincil metin, soluk kenarlıklar, devre dışı bırakılmış simge durumları - True Black
#000000— SVG simge dolguları, giriş alanı kenarlıkları ve maksimum kontrastın gerektiği yerlerde koyu siyah vurgular. - Link Blue
#0159a3— Navigasyon ve birincil bağlantılarda yaygın olarak kullanılan metin bağlantı rengi, sistemdeki tek mavi renktir.
Tipografi
13 ila 51 piksel arası · 5 adım
- Noto IKEA — yenisiyle değiştirme: Inter · ana hatlar 400, 700 · Kullanılan tek yazı tipi IKEA'nın imzası olan Noto'dur. İki kalınlık sistemi (400 normal, 700 kalın) kasıtlı olarak kısıtlıdır: italik, orta veya ince kalınlık kullanılmamıştır. 700 punto boyutundaki, 36-51 piksel aralığındaki başlıklar, tüm marka stilini yansıtır; 16 piksel boyutundaki gövde metni ise nötr kalır. Boyut arttıkça harf aralığı azalır, bu da başlıklara yoğun ve mimari bir görünüm kazandırır.
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | ortalama |
| Temel adım | 24px |
| Düğme yarıçapı | 8px |
| Kart yarıçapı | 8px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 80px |
| Sayfa genişliği | 1440px |
Yapay zeka, web sitenizi IKEA 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
- MindMarket — Krem rengi kağıda basılmış, sıcak ve samimi bir masal kitabı; büyük Inter başlıklarının ve kesilmiş kağıt karakterlerin güneş ışığıyla yıkanmış, yumuşak bir yüzeyde bir arada bulunduğu, dostane bir editoryal tuval.
- Lamborghini — Showroomda, spot ışıkları altında, siyah gövdeli bir sarı araba.
- amp — Soğuk beyaz bir arka plana karşı sıcak turuncu. Tasarım, güneş ışığıyla aydınlanmış bir çatı katında fotoğraflanmış, üst düzey bir fitness ürününü anımsatıyor: tek bir ürün, tek bir vurgu, tüm işi yapan kendinden emin bir yazı tipi.
- LUNCH — Sıcak parşömen üzerinde kadife kürsü
- Microsoft — Perakende kataloğunda imzası niteliğinde mavi bir renk kullanılıyor; beyaz bir teşhir salonu zemininde, her tasarım unsurunun mavi olduğu kare bir logoyu hayal edin.
- Vibrants — Beyaz mermer üzerine Skyborne Eczanesi - koyu mavi mürekkep harcı, gökkuşağı spektrumu ise ilacı temsil ediyor.
- Isla Beauty — Kremsi eczane tarzı, cerrahi kırmızının vurgularıyla—sıcak parşömen duvarlar, kehribar şişeler ve her etikette tek bir kırmızı damga düşünün.
- Swap — Mint Editör Galerisi: Parlak limon yeşili vurgular ve zarif seriflerle dekore edilmiş odalarda açık adaçayı tonları.
- Cursor — Köz halindeki kömürlerin aydınlattığı, samimi bir parşömen atölyesi.
- Structured — Plastik hamur benzeri kağıt üzerine Rönesans galerisi
- Apple (España) — Müze galerisi, yumuşak gün ışığında, her serginin hafifçe renklendirilmiş bir duvara karşı spot ışığıyla aydınlatıldığı, büyüleyici, ağırlıksız beyaz bir mekândır.
- Amplemarket — Güneş ışığıyla yıkanmış, her yeri konfetiyle kaplı bir iş yeri.