Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukpembangunMembangunkan alatan AI untuk perniagaan. Berkualiti tinggi. Mampu milik.Hantar mesej di Telegram
Bang & Olufsen — pratonton tapak dalam gaya ini

Bang & Olufsen

Galeri Scandinavia pada porselin. Apabila halaman B&O gelap, karya itu diterangi, seperti arca di ceruk tengah malam; apabila diterangi, karya itu kelihatan terapung di atas sutera putih, tanpa apa-apa lagi yang mengalih perhatiannya.

Bang & Olufsen beroperasi berdasarkan prinsip galeri-muzium: kanvas porselin hampir putih di mana produk terapung seperti objek arca, diselangi oleh sisipan kromatik sekali-sekala yang merangkumi seluruh lebar skrin—ungu ultramarin pekat yang memenuhi seluruh skrin, kadangkala merah terakota yang kaya—untuk aksen emosi. Tipografinya ialah satu jenis taip neo-grotesk yang direka khas (BeoSupreme) yang bercakap untuk dirinya sendiri: hampir tidak ketara pada skrin besar, huruf besar yang banyak diisi pada label mikro, tiada jenis taip lain diperlukan. Komponen dikurangkan kepada minimum: kawalan berbentuk pil lut sinar, sempadan nipis, tiada bayang hiasan, tiada butang kecerunan, tiada ikon. Gridnya luas, ruang negatif adalah satu kemewahan. Setiap produk diberikan alas terapungnya sendiri; putih di sekelilingnya adalah ruang. Warna diagihkan seperti bahan berharga—apabila ia muncul, ia menempati seluruh bingkai.

Bekas lebar maksimum 1440px berada di tengah dan mempunyai margin mendatar 25px di tepi. Elemen wira mengambil keseluruhan lebar halaman (memecahkan bekas), dan kamera ultramarin memanjang dari tepi ke tepi. Grid produk diletakkan secara sama rata dalam 4-5 lajur dengan jurang 25px dan tatal secara mendatar pada peranti mudah alih. Bahagian berselang-seli antara latar belakang putih dan kamera berwarna lebar penuh—ritmanya adalah seperti berikut: grid produk putih → elemen wira ultramarin → grid produk putih → sepanduk editorial merah kaya → grid produk putih → pengaki ultramarin. Navigasi ialah bar atas minimalis yang terapung di atas bahagian putih dan berwarna (teks diterbalikkan kepada putih pada latar belakang gelap). Halaman "bernafas"—jurang antara bahagian ialah 60-80px, produk individu mempunyai ruang mereka sendiri dalam sel, dan tiada kepadatan maklumat.

Fotografi produk adalah satu-satunya elemen visual: tiada imej gaya hidup, model atau konteks persekitaran. Produk dirakam dengan latar belakang neutral sepenuhnya (putih, hitam dan biru tua kecerunan) dengan pencahayaan studio terkawal yang menonjolkan bahan: aluminium matte, tekstur kulit, tembaga anodized dan silikon matte. Pemangkasan adalah ketat, berpusat dan subjek utama ditekankan. Penampilan warna diredam dan sesuai dengan bahan: tembaga dianggap sebagai tembaga, bukan sebagai "jam keemasan". Motif visual sekunder termasuk siluet produk skrin penuh yang jarang dengan satah monokromatik yang kaya (ultramarin, merah terakota) untuk momen editorial yang dramatik. Ikonografi: garisan nipis 1px, hitam monokrom pada putih atau putih pada gelap, geometri, tiada isian, tiada pelbagai warna.

Palet

Jenama

  • Ultramarine Velvet #060daa — Imej latar belakang di bahagian atas dan bawah halaman, bahagian dramatik yang merangkumi keseluruhan lebar halaman dan isian pengaki—warna kaya, hampir hitam-biru-ungu yang digunakan untuk menyelubungi seluruh bingkai dan memberikan nuansa teaterikal kepada satu produk.

Neutral

  • Porcelain Canvas #ffffff — Imej latar belakang halaman, reka bentuk kad produk dan bar navigasi merupakan asas asas bagi setiap produk dibina.
  • Bone #fcfaee — Permukaan sekunder untuk blok tona neutral yang hangat, teks butang pada latar belakang gelap, kanvas alternatif apabila warna putih terasa steril.
  • Obsidian #191817 — Teks utama dan teks penerangan produk berwarna hangat, hampir hitam yang kelihatan lebih lembut daripada #000000 tulen pada latar belakang putih.
  • Pure Ink #000000 — Garis besar ikon, mikrotag, sempadan halus dan kontras teks yang paling tajam.
  • Graphite #555555 — Teks sekunder, metadata, tanda harga, teks bantu senyap
  • Mist #e5e5e5 — Sempadan data input yang nipis dan satu-satunya pemisah struktur dalam sistem.

Tipografi

dari 12 hingga 36px · 5 langkah

  • BeoSupreme — penggantian: Neue Haas Grotesk Display Pro (closest) · garis besar 400, 500, 700 · Fon tunggal yang mencerminkan keseluruhan identiti jenama. Untuk tajuk dan pengepala: pemberat 500–700, 24–36 piksel dengan jarak huruf yang ketat (-0.056 piksel → -0.014 piksel) untuk tajuk utama yang yakin dan ringkas. Untuk salinan badan dan UI: pemberat 400, 14–16 piksel, jarak huruf biasa, jarak baris 1.5–1.7. Mikrolabel (navigasi, ikon, slogan "Ditubuhkan pada tahun 1925"): pemberat 500, 9–12 piksel dengan jarak huruf lebar sehingga +0.143 piksel, dipaparkan dalam semua huruf besar untuk digunakan sebagai anotasi seni bina yang tidak mengganggu. Tiada fon pesaing lain.
  • object-fit: cover; object-position: center; — penggantian: Inter · garis besar 400 · padanan-objek: lindungan; kedudukan-objek: tengah; - terdapat dalam data yang diekstrak tetapi tidak diterangkan oleh AI.

Selang dan bentuk

TujuanMaksudnya
Ketumpatanpadat
Langkah asas8-16px
Jejari butang40px
Jejari kad0px
Bayang-bayangtiada - sempadan dan bukannya bayang-bayang
Antara bahagian60-80px
Lebar halaman1440px

AI akan membina laman web anda dalam gaya Bang & Olufsen dan mengisinya

  • Isi dengan produk dan siaran melalui pautan - Instagram, TikTok, Facebook.
  • Pindahkan kandungan dari tapak lama anda—cuma nyatakan alamatnya.
  • Reka bentuk moden pada enjin terbaik: React ( Next.js) dengan pemaparan pelayan dan pengoptimuman SEO sedia ada.
  • Pengoptimuman SEO automatik sepenuhnya untuk hasil carian dan cadangan rangkaian saraf.

Gaya yang serupa

  • Structured — Galeri Renaissance di atas kertas seperti plastisin
  • Apple (España) — Galeri muzium, dalam cahaya siang yang lembut, merupakan ruang putih tunggal yang menawan dan ringan, dengan setiap pameran diterangi oleh lampu sorot pada dinding yang berwarna sedikit.
  • Apple (España) — Pameran Galeri Obsidian merupakan sebuah dewan pameran gelap di mana satu objek titanium bersinar dengan latar belakang gelap gelita.
  • 099 SUPPLY — Dinding galeri yang dipenuhi dengan objek hitam putih
  • Custo — Sebuah galeri berwarna gunmetal dengan fon monolitik. Bilik pameran dalam rona kelabu-hijau yang disenyapkan, di mana satu objek gelap dan fon 57px bercakap untuk diri mereka sendiri.
  • Apple (España) — Galeri Muzium Putih pada waktu tengah hari
  • VITURE — Pembentangan produk neon di sebalik kaca tengah malam – bilik pameran yang gelap di mana satu pancaran oren menembusi kegelapan, menerangi sepasang cermin mata di atas penyangga
  • HNST Studio — Sebuah studio yang selesa dengan fabrik linen berkarat merupakan galeri fesyen perlahan di mana satu aksen oren terbakar menghangatkan bahagian dalam monastik yang diperbuat daripada krim dan arang.
  • OFFFICE : — galeri noir yang diliputi fon monolitik
  • ARTU — Dinding galeri di atas kertas putih. ARTU melayan ruang tontonan seperti hamparan muzium—foto produk berskala besar, tanda halus dan sedikit sentuhan kapur di bahagian bawah yang melengkapkan gubahan tersebut.
  • Specht Studio — Dinding galeri yang dipenuhi dengan rasa ingin tahu yang tersembunyi. Kemasan krom studio itu sendiri ialah permukaan putih dan huruf hitam; bunga api visual tertumpu sepenuhnya dalam kerja jubin projek.
  • MindMarket — Sebuah buku kisah dongeng yang selesa di atas kertas krim - kanvas editorial yang mesra di mana tajuk utama Inter yang besar dan watak-watak kertas potongan wujud bersama di atas permukaan yang lembut seperti pelekat yang disinari matahari.