Bang & Olufsen
Galleria scandinava su porcellana. Quando la pagina B&O è scura, l'opera è illuminata, come una scultura in una nicchia di mezzanotte; quando è illuminata, l'opera sembra fluttuare su seta bianca, senza nulla che distragga l'attenzione.
Bang & Olufsen opera secondo il principio di una galleria-museo: tele di porcellana quasi bianca su cui i prodotti fluttuano come oggetti scultorei, interrotte da occasionali inserti cromatici che si estendono per tutta la larghezza dello schermo – un profondo viola oltremare che occupa l'intera superficie, a volte un ricco rosso terracotta – per accenti emozionali. La tipografia è un unico carattere neo-grottesco progettato su misura (BeoSupreme) che parla da sé: appena percettibile su schermi di grandi dimensioni, lettere maiuscole generosamente riempite sulle micro-etichette, non sono necessari altri caratteri. I componenti sono ridotti al minimo: comandi traslucidi a forma di pillola, bordi sottili, nessuna ombra decorativa, nessun pulsante sfumato, nessuna icona. La griglia è ampia, lo spazio negativo è un lusso. Ogni prodotto ha il suo piedistallo fluttuante; il bianco circostante è spazio. Il colore è distribuito come un materiale prezioso: quando appare, occupa l'intera cornice.
Il contenitore con larghezza massima di 1440px è centrato e presenta margini orizzontali di 25px sui lati. L'elemento hero occupa l'intera larghezza della pagina (rompendo il contenitore) e la fotocamera blu oltremare si estende da un bordo all'altro. Le griglie dei prodotti sono disposte uniformemente in 4-5 colonne con spazi di 25px e scorrono orizzontalmente sui dispositivi mobili. Le sezioni si alternano tra uno sfondo bianco e fotocamere colorate a tutta larghezza: il ritmo è il seguente: griglia prodotti bianca → elemento hero blu oltremare → griglia prodotti bianca → banner editoriale rosso intenso → griglia prodotti bianca → piè di pagina blu oltremare. La navigazione è costituita da una barra superiore minimalista che fluttua sopra le sezioni bianche e colorate (il testo è invertito in bianco su sfondo scuro). La pagina "respira": gli spazi tra le sezioni sono di 60-80px, i singoli prodotti hanno il proprio spazio all'interno delle celle e non c'è densità di informazioni.
La fotografia di prodotto è l'unico elemento visivo: nessuna immagine di lifestyle, modelli o contesto ambientale. I prodotti sono fotografati su sfondi puramente neutri (bianco, nero e blu scuro sfumato) con un'illuminazione da studio controllata che mette in risalto i materiali: alluminio opaco, texture in pelle, rame anodizzato e silicone opaco. Il ritaglio è stretto, centrato e il soggetto principale è enfatizzato. La resa cromatica è tenue e appropriata al materiale: il rame è percepito come rame, non come "golden hour". I motivi visivi secondari includono silhouette di prodotti a schermo intero, sparse su superfici monocromatiche intense (oltremare, rosso terracotta) per momenti editoriali di grande impatto. Iconografia: linea sottile di 1 pixel, monocromatico nero su bianco o bianco su scuro, geometrica, senza riempimento, senza multicolore.
Tavolozza
Marca
- Ultramarine Velvet
#060daa— Immagini di sfondo nella parte superiore e inferiore delle pagine, sezioni di grande impatto che si estendono per tutta la larghezza della pagina e riempimenti a piè di pagina: un colore intenso, quasi nero-blu-violetto, utilizzato per avvolgere intere inquadrature e conferire un'atmosfera teatrale a un singolo prodotto.
Neutro
- Porcelain Canvas
#ffffff— Le immagini di sfondo della pagina, il design delle schede prodotto e le barre di navigazione sono gli elementi fondamentali su cui si basa ogni prodotto. - Bone
#fcfaee— Una superficie secondaria per blocchi dai toni neutri e caldi, testo dei pulsanti su sfondo scuro, una tela alternativa quando il bianco risulta sterile. - Obsidian
#191817— Il testo principale e la descrizione del prodotto sono di un colore caldo, quasi nero, che appare più tenue rispetto al puro #000000 su sfondo bianco. - Pure Ink
#000000— Contorni di icone, microtag, bordi sottili e contrasti di testo nitidissimi. - Graphite
#555555— Testo secondario, metadati, etichette di prezzo, testo ausiliario silenzioso - Mist
#e5e5e5— Sottili confini dei dati di input e unico separatore strutturale del sistema.
Tipografia
da 12 a 36 pixel · 5 passaggi
- BeoSupreme — sostituzione: Neue Haas Grotesk Display Pro (closest) · contorni 400, 500, 700 · Un unico font che riflette l'intera identità del marchio. Per titoli e intestazioni: spessore 500–700, 24–36px con spaziatura tra le lettere ridotta (-0,056em → -0,014em) per titoli concisi e di carattere. Per il corpo del testo e l'interfaccia utente: spessore 400, 14–16px, spaziatura tra le lettere normale, interlinea 1,5–1,7. Microetichette (navigazione, icone, slogan "Fondato nel 1925"): spessore 500, 9–12px con spaziatura tra le lettere ampia fino a +0,143em, visualizzate in maiuscolo per essere utilizzate come annotazioni architettoniche discrete. Non esiste un altro font concorrente.
- object-fit: cover; object-position: center; — sostituzione: Inter · contorni 400 · object-fit: cover; object-position: center; - trovati nei dati estratti ma non descritti dall'IA.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | denso |
| Passo base | 8-16px |
| Raggio del pulsante | 40px |
| Raggio della carta | 0px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 60-80px |
| Larghezza del pannello | 1440px |
L'IA creerà il tuo sito web nello stile Bang & Olufsen e lo riempirà
- Pubblica prodotti e contenuti tramite il link: Instagram, TikTok, Facebook.
- Trasferisci i contenuti dal tuo vecchio sito: basta specificare l'indirizzo.
- Design moderno sul miglior motore: React ( Next.js) con rendering lato server e ottimizzazione SEO integrata.
- Ottimizzazione SEO completamente automatizzata per i risultati di ricerca e raccomandazioni basate su reti neurali.
Stili simili
- Structured — Galleria rinascimentale su carta simile alla plastilina
- Apple (España) — La galleria del museo, immersa in una tenue luce naturale, è un unico, affascinante spazio bianco e etereo, dove ogni opera è illuminata da un faretto proiettato su una parete leggermente colorata.
- Apple (España) — La vetrina della Obsidian Gallery è una sala espositiva buia dove un singolo oggetto in titanio risplende su uno sfondo nero pece.
- 099 SUPPLY — Una parete della galleria piena di oggetti in bianco e nero
- Custo — Una galleria color canna di fucile con un carattere tipografico monolitico. Uno showroom in tenui tonalità grigio-verdi, dove un singolo oggetto scuro e un carattere di 57 pixel parlano da soli.
- Apple (España) — La Galleria del Museo Bianco a mezzogiorno
- VITURE — Una presentazione di prodotti al neon dietro vetri color notte – uno showroom oscurato dove un singolo raggio arancione fende l'oscurità, illuminando un paio di occhiali su un supporto
- HNST Studio — Un accogliente studio con tessuti di lino macchiati di ruggine è una galleria di slow fashion dove un singolo tocco di arancione bruciato riscalda l'interno altrimenti austero, dominato dai toni del crema e del carbone.
- OFFFICE : — una galleria noir inghiottita da un carattere monolitico
- ARTU — Parete espositiva su carta bianca. ARTU concepisce lo spazio espositivo come una parete di un museo: foto di prodotti di grandi dimensioni, dettagli discreti e un singolo tocco di verde lime in basso che completa la composizione.
- Specht Studio — Una parete espositiva pervasa da una discreta curiosità. La finitura cromata, firmata dallo studio, presenta una superficie bianca e scritte nere; il gioco di luci e ombre è interamente concentrato nelle piastrelle del progetto.
- MindMarket — Un accogliente libro di fiabe su carta color crema: una tela editoriale conviviale dove grandi titoli Inter e personaggi di carta ritagliati convivono su una superficie morbida come un adesivo, baciata dal sole.