Bang & Olufsen
Galeri Skandinavia di atas porselen. Ketika halaman B&O gelap, karya tersebut diterangi, seperti patung di ceruk tengah malam; ketika diterangi, karya tersebut tampak melayang di atas sutra putih, tanpa ada hal lain yang mengalihkan perhatiannya.
Bang & Olufsen beroperasi berdasarkan prinsip galeri-museum: kanvas porselen hampir putih tempat produk-produk tampak mengambang seperti objek pahatan, diselingi oleh sisipan kromatik sesekali yang membentang di seluruh lebar layar—ungu ultramarine tua yang memenuhi seluruh layar, terkadang merah terakota yang kaya—untuk aksen emosional. Tipografinya adalah satu jenis huruf neo-grotesque yang dirancang khusus (BeoSupreme) yang berbicara sendiri: hampir tidak terlihat di layar besar, huruf kapital yang diisi penuh pada label mikro, tidak memerlukan jenis huruf lain. Komponen dikurangi seminimal mungkin: kontrol berbentuk pil transparan, batas tipis, tanpa bayangan dekoratif, tanpa tombol gradien, tanpa ikon. Kisi-kisinya luas, ruang negatif adalah kemewahan. Setiap produk diberi alas mengambang sendiri; warna putih di sekitarnya adalah ruang. Warna didistribusikan seperti material berharga—ketika muncul, ia memenuhi seluruh bingkai.
Kontainer dengan lebar maksimum 1440px dipusatkan dan memiliki margin horizontal 25px di tepinya. Elemen hero menempati seluruh lebar halaman (memecah kontainer), dan kamera berwarna biru tua membentang dari tepi ke tepi. Kisi produk ditata secara merata dalam 4-5 kolom dengan jarak 25px dan dapat digulir secara horizontal pada perangkat seluler. Bagian-bagian bergantian antara latar belakang putih dan kamera berwarna lebar penuh—ritmenya sebagai berikut: kisi produk putih → elemen hero biru tua → kisi produk putih → banner editorial merah tua → kisi produk putih → footer biru tua. Navigasi berupa bilah atas minimalis yang mengambang di atas bagian putih dan berwarna (teks dibalik menjadi putih pada latar belakang gelap). Halaman "bernapas"—jarak antar bagian adalah 60-80px, setiap produk memiliki ruangnya sendiri di dalam sel, dan tidak ada kepadatan informasi.
Fotografi produk adalah satu-satunya elemen visual: tidak ada gambar gaya hidup, model, atau konteks lingkungan. Produk difoto dengan latar belakang netral (putih, hitam, dan gradien biru tua) dengan pencahayaan studio terkontrol yang menyoroti material: aluminium matte, tekstur kulit, tembaga anodisasi, dan silikon matte. Pemotongan gambar ketat, terpusat, dan subjek utama ditekankan. Reproduksi warna diredam dan sesuai dengan material: tembaga dipersepsikan sebagai tembaga, bukan sebagai "golden hour". Motif visual sekunder mencakup siluet produk layar penuh yang jarang dengan latar belakang monokromatik yang kaya (ultramarine, merah terakota) untuk momen editorial yang dramatis. Ikonografi: garis tipis 1px, monokrom hitam di atas putih atau putih di atas gelap, geometris, tanpa isi, tanpa multiwarna.
Palet
Merek
- Ultramarine Velvet
#060daa— Gambar latar belakang di bagian atas dan bawah halaman, bagian dramatis yang membentang di seluruh lebar halaman, dan isian footer—warna biru-ungu yang kaya, hampir hitam, digunakan untuk menyelimuti seluruh bingkai dan memberikan nuansa teatrikal pada satu produk.
Netral
- Porcelain Canvas
#ffffff— Gambar latar belakang halaman, desain kartu produk, dan bilah navigasi adalah fondasi mendasar yang menjadi dasar pembangunan setiap produk. - Bone
#fcfaee— Permukaan sekunder untuk blok warna netral hangat, teks tombol pada latar belakang gelap, kanvas alternatif ketika warna putih terasa steril. - Obsidian
#191817— Teks utama dan teks deskripsi produk memiliki warna hangat, hampir hitam, yang terlihat lebih lembut daripada warna #000000 murni pada latar belakang putih. - Pure Ink
#000000— Garis luar ikon, mikrotag, batas yang halus, dan kontras teks yang paling tajam. - Graphite
#555555— Teks sekunder, metadata, label harga, teks tambahan tanpa suara - Mist
#e5e5e5— Batas data input yang tipis dan satu-satunya pemisah struktural dalam sistem.
Tipografi
dari 12 hingga 36px · 5 langkah
- BeoSupreme — penggantian: Neue Haas Grotesk Display Pro (closest) · garis besar 400, 500, 700 · Satu font tunggal yang mencerminkan seluruh identitas merek. Untuk judul dan subjudul: bobot 500–700, 24–36px dengan spasi antar huruf rapat (-0,056em → -0,014em) untuk headline yang percaya diri dan ringkas. Untuk teks isi dan UI: bobot 400, 14–16px, spasi antar huruf normal, spasi antar baris 1,5–1,7. Label mikro (navigasi, ikon, slogan "Didirikan pada tahun 1925"): bobot 500, 9–12px dengan spasi antar huruf lebar hingga +0,143em, ditampilkan dalam huruf kapital semua untuk digunakan sebagai anotasi arsitektur yang tidak mengganggu. Tidak ada font pesaing lainnya.
- object-fit: cover; object-position: center; — penggantian: Inter · garis besar 400 · object-fit: cover; object-position: center; - ditemukan dalam data yang diekstrak tetapi tidak dijelaskan oleh AI.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | padat |
| Langkah dasar | 8-16px |
| Radius tombol | 40px |
| Radius kartu | 0px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 60-80px |
| Lebar halaman | 1440px |
AI akan membangun situs web Anda dengan gaya Bang & Olufsen 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
- 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.
- Apple (España) — Ruang pamer Obsidian Gallery adalah aula pameran yang gelap di mana sebuah objek titanium tunggal bersinar di tengah latar belakang yang hitam pekat.
- 099 SUPPLY — Dinding galeri yang dipenuhi dengan benda-benda hitam dan putih.
- Custo — Sebuah galeri berwarna abu-abu metalik dengan font monolitik. Sebuah ruang pamer dalam nuansa abu-abu kehijauan yang lembut, di mana satu objek gelap dan font berukuran 57px berbicara sendiri.
- Apple (España) — Galeri Museum Putih pada siang hari
- VITURE — Presentasi produk neon di balik kaca tengah malam – ruang pamer yang gelap di mana seberkas cahaya oranye menembus kegelapan, menerangi sepasang kacamata di atas sebuah rak.
- HNST Studio — Sebuah studio nyaman dengan kain linen bernoda karat adalah galeri fesyen berkelanjutan di mana aksen warna oranye tua menghangatkan interior yang cenderung sakral dengan warna krem dan abu-abu gelap.
- OFFFICE : — sebuah galeri noir yang diselimuti font monolitik
- ARTU — Dinding galeri di atas kertas putih. ARTU memperlakukan ruang pamer seperti tata letak museum—foto produk skala besar, tanda-tanda halus, dan sentuhan warna hijau limau di bagian bawah yang melengkapi komposisi.
- Specht Studio — Dinding galeri yang dipenuhi rasa ingin tahu yang terselubung. Lapisan krom khas studio ini berupa permukaan putih dengan tulisan hitam; kembang api visual sepenuhnya terkonsentrasi pada karya ubin proyek ini.
- 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.