IKEA
sebuah ruang pamer furnitur Swedia yang bermandikan sinar matahari dalam bentuk yang dibongkar
Antarmuka IKEA terlihat seperti halaman editorial dengan kontras tinggi: teks hampir hitam di atas latar belakang putih hangat, dilengkapi dengan panel kuning datar yang berfungsi sebagai zona ajakan bertindak (call-to-action) yang terintegrasi. Sistem ini sengaja dibuat minimalis—satu font sans-serif khusus (Noto IKEA) hanya dalam dua bobot (400 dan 700), radius sudut tunggal untuk setiap komponen, dan tanpa bayangan atau gradien. Kekompakan ini bersifat struktural, bukan tren minimalis: spasi antar huruf negatif (-0,029em pada judul, -0,027em pada isi teks) memberikan kesan arsitektural bahkan pada label 13px. Kartu berukuran besar dan berfokus pada konten media, disusun dalam blok dua kolom besar dengan lapisan teks mulai dari gradien hingga hitam untuk meningkatkan keterbacaan. Font kuning #ffdb00 melakukan semua pekerjaan untuk antarmuka—ia tidak menghiasi, melainkan hanya mengaktifkan.
Desain lebar penuh dengan wadah konten yang terpusat dan dibatasi hingga sekitar 1440px. Navigasi berupa bilah atas sederhana yang tidak lengket. Halaman dibangun dari kartu horizontal yang ditumpuk secara vertikal dengan jarak sekitar 80px. Tata letak "hero" adalah tata letak terpisah—2/3 kartu media (gambar) + 1/3 kartu kuning polos dengan ajakan bertindak. Bagian utama halaman menggunakan kisi kartu dua kolom, dengan blok gambar dan teks yang berselang-seling. Kepadatan konten luas, tidak pernah padat. Kartu berukuran besar (minimal sekitar 600x400 piksel) dengan padding yang cukup. Bagian "Timeline/History" memecah kisi dengan angka-angka besar. Tidak ada sidebar, tidak ada mega-menu, tidak ada arsitektur navigasi yang kompleks.
Bahasa visual utamanya adalah fotografi produk dan gaya hidup. Pengeditannya: interior Skandinavia yang cerah, terang alami, dan hangat dengan nuansa nyaman—bukan putih polos ala studio. Orang-orang muncul dalam adegan interaksi dengan produk (memegang, merakit, menggunakan). Gambar selalu memenuhi lebar kartu penuh, tidak pernah dipotong menjadi bentuk organik. Hamparan gradien hitam muncul di bagian bawah setiap kartu yang berisi teks. Ilustrasi datar kadang-kadang ditampilkan (misalnya, peta Jerman dengan ikonografi budaya dalam warna turquoise, hijau, dan oranye). Foto-foto tersebut dieksekusi dengan gaya editorial: tanpa efek foto stok mengkilap, tanpa koreksi warna yang terlalu bergaya.
Palet
Merek
- IKEA Yellow
#ffdb00— Elemen-elemen kunci untuk mengisi ajakan bertindak (call to action), latar belakang untuk kartu dengan gambar unggulan, panel aksen di jendela utama - elemen warna unik dari sistem ini.
Netral
- Ink Black
#111111— Teks utama, teks isi, subjudul, batas utama (851 kemunculan), garis luar ikon. - Pure White
#ffffff— Latar belakang halaman, permukaan kartu, latar belakang navigasi, teks tombol pada latar belakang gelap. - Warm White
#fffefb— Warna krem lembut untuk kancing dan kartu—hampir tidak lebih hangat dari putih murni—memecah kesan dingin digital. - Steel Gray
#818181— Teks sekunder, batas yang diredam, status ikon dinonaktifkan - True Black
#000000— Isian ikon SVG, batas kolom input, dan aksen hitam pekat di tempat yang membutuhkan kontras maksimal. - Link Blue
#0159a3— Warna tautan teks, yang banyak digunakan dalam navigasi dan tautan utama, adalah satu-satunya warna biru dalam sistem ini.
Tipografi
dari 13 hingga 51px · 5 langkah
- Noto IKEA — penggantian: Inter · garis besar 400, 700 · Satu-satunya font yang digunakan adalah font khas IKEA, Noto. Sistem dua ketebalan (400 reguler, 700 tebal) sengaja dibuat sederhana: tanpa huruf miring, sedang, atau tipis. Judul dengan ukuran 700 poin, pada jarak 36–51 piksel, menyampaikan keseluruhan gaya merek; teks isi dengan ukuran 16 piksel tetap netral. Jarak antar huruf berkurang seiring bertambahnya ukuran, memberikan judul kesan padat dan arsitektural.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | rata-rata |
| Langkah dasar | 24px |
| Radius tombol | 8px |
| Radius kartu | 8px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 80px |
| Lebar halaman | 1440px |
AI akan membangun situs web Anda dengan gaya IKEA dan mengisinya.
- Isi dengan produk dan postingan melalui tautan - Instagram, TikTok, Facebook.
- Pindahkan konten dari situs lama Anda—cukup tentukan alamatnya.
- Desain modern pada mesin terbaik: React ( Next.js) dengan rendering sisi server dan optimasi SEO langsung dari awal.
- Optimasi SEO otomatis sepenuhnya untuk hasil pencarian dan rekomendasi jaringan saraf.
Gaya serupa
- MindMarket — Sebuah buku dongeng yang nyaman di atas kertas krem - kanvas editorial yang ramah di mana judul Inter yang besar dan karakter kertas yang dipotong berdampingan di permukaan yang lembut seperti stiker dan bermandikan sinar matahari.
- Lamborghini — Warna bodi hitam di ruang pamer, di bawah sorotan lampu - satu mobil kuning
- amp — Warna oranye hangat berpadu dengan latar belakang putih yang sejuk. Desainnya mengingatkan pada produk kebugaran premium yang difoto di loteng yang bermandikan sinar matahari: satu item, satu aksen, satu font yang percaya diri yang melakukan semua pekerjaan.
- LUNCH — podium beludru di atas perkamen hangat
- Microsoft — Katalog ritel ini menggunakan warna biru khas—bayangkan logo persegi di lantai ruang pamer berwarna putih, di mana setiap elemen desainnya berwarna biru.
- Vibrants — Apotek Skyborne di atas marmer putih - tinta biru tua adalah lesung dan spektrum pelangi adalah obatnya.
- Isla Beauty — Nuansa apotek yang lembut dengan aksen merah bedah—bayangkan dinding kertas perkamen yang hangat, botol berwarna kuning keemasan, dan satu stempel merah pada setiap label.
- Swap — Galeri Editorial Mint: Nuansa hijau sage muda di ruangan dengan aksen hijau limau cerah dan serif yang halus.
- Cursor — Sebuah bengkel perkamen yang nyaman, diterangi oleh bara api yang menyala-nyala.
- Structured — Galeri Renaissance di atas kertas mirip plastisin
- Apple (España) — Galeri museum, dalam cahaya siang yang lembut, merupakan ruang putih tunggal yang memikat dan terasa ringan, dengan setiap pameran diterangi oleh lampu sorot pada dinding yang sedikit berwarna.
- Amplemarket — Tempat kerja yang bermandikan sinar matahari dan ditaburi konfeti.