Bang & Olufsen
Galleria scandinava nantu à a porcellana. Quandu a pagina B&O hè scura, l'opera hè illuminata, cum'è una scultura in una alcova di mezzanotte; quandu hè illuminata, l'opera pare fluttuà nantu à a seta bianca, senza nunda altru per distrarre a so attenzione.
Bang & Olufsen opera secondu un principiu di galleria-museu: tele di porcellana quasi bianche nantu à e quali i prudutti flottanu cum'è oggetti scultorei, interrotti da inserti cromatici occasionali chì si estendenu per tutta a larghezza di u schermu - un viulettu ultramarinu prufondu chì cunsuma tuttu u schermu, qualchì volta un rossu terracotta riccu - per accenti emotivi. A tipografia hè un unicu caratteru neogrotescu cuncipitu à misura (BeoSupreme) chì parla da sè stessu: appena percepibile nantu à i grandi schermi, lettere maiuscule generosamente riempite nantu à e micro-etichette, nisun altru caratteru caratteristicu necessariu. I cumpunenti sò ridutti à u minimu: cuntrolli traslucidi in forma di pillola, bordi sottili, nisuna ombra decorativa, nisun buttone sfumatu, nisuna icona. A griglia hè generosa, u spaziu negativu hè un lussu. À ogni pruduttu hè datu u so propiu zoccolo flottante; u biancu circundante hè u spaziu. U culore hè distribuitu cum'è un materiale preziosu - quandu appare, occupa tutta a cornice.
U cuntinidore di larghezza massima di 1440px hè centratu è hà 25px di margini urizzuntali nantu à i bordi. L'elementu eroe occupa tutta a larghezza di a pagina (rumpendu u cuntinidore), è a camera ultramarina si estende da un bordu à l'altru. E griglie di prudutti sò disposte uniformemente in 4-5 colonne cù spazii di 25px è scorrenu orizzuntalmente nantu à i dispositivi mobili. E sezioni alternanu trà un sfondate biancu è camere culurite à larghezza piena - u ritmu hè u seguente: griglia di prudutti bianca → elementu eroe ultramarina → griglia di prudutti bianca → banner editoriale rossu riccu → griglia di prudutti bianca → piè di pagina ultramarina. A navigazione hè una barra superiore minimalista chì flotta sopra e sezioni bianche è culurite (u testu hè invertitu in biancu nantu à un sfondate scuru). A pagina "respira" - i spazii trà e sezioni sò 60-80px, i prudutti individuali anu u so propiu spaziu in e cellule, è ùn ci hè micca densità d'infurmazioni.
A fotografia di u produttu hè l'unicu elementu visuale: nisuna imagine di stile di vita, mudelli o cuntestu ambientale. I prudutti sò ripresi contr'à sfondi puramente neutri (biancu, neru è turchinu scuru sfumatu) cù una illuminazione di studio cuntrullata chì mette in risaltu i materiali: aluminiu opaco, struttura di pelle, rame anodizatu è silicone opaco. U ritagliu hè strettu, centratu, è u sughjettu principale hè enfatizatu. A resa di i culori hè tenue è adatta à u materiale: u rame hè percepitu cum'è rame, micca cum'è "ora d'oru". I motivi visuali secundarii includenu siluette di prudutti sparse à schermu pienu contr'à piani ricchi è monocromatici (ultramarinu, rossu terracotta) per mumenti editoriali drammatici. Iconografia: linea fina di 1px, neru monocromu nantu à biancu o biancu nantu à scuru, geometricu, senza riempimentu, senza multicolore.
Paletta
Marca
- Ultramarine Velvet
#060daa— Imagine di fondu in cima è in fondu di e pagine, sezzioni drammatiche chì si estendenu per tutta a larghezza di a pagina, è riempimenti di piè di pagina - un culore riccu, quasi neru-blu-viola, utilizatu per inghjuttà interi quadri è dà un aspettu teatrale à un unicu pruduttu.
Neutru
- Porcelain Canvas
#ffffff— L'imagine di fondu di a pagina, u disignu di a carta di u pruduttu è e barre di navigazione sò a basa fundamentale nantu à a quale hè custruitu ogni pruduttu. - Bone
#fcfaee— Una superficia secundaria per blocchi di toni neutri caldi, testu di buttoni nantu à un fondu scuru, una tela alternativa quandu u biancu si sente sterile. - Obsidian
#191817— U testu principale è u testu di descrizzione di u produttu sò un culore caldu, guasi neru, chì pare più dolce di u #000000 puru nantu à un fondu biancu. - Pure Ink
#000000— Contorni d'icone, microtag, bordi suttili è i cuntrasti di testu più netti. - Graphite
#555555— Testu secundariu, metadati, etichette di prezzu, testu ausiliariu silenziu - Mist
#e5e5e5— Cunfini di dati d'entrata fini è l'unicu separatore strutturale in u sistema.
Tipografia
da 12 à 36px · 5 passi
- BeoSupreme — rimpiazzamentu: Neue Haas Grotesk Display Pro (closest) · contorni 400, 500, 700 · Un unicu carattere chì riflette tutta l'identità di a marca. Per i tituli è l'intestazioni: pesu 500–700, 24–36px cù una spaziatura stretta di e lettere (-0.056em → -0.014em) per tituli sicuri è concisi. Per u testu di u corpu è l'interfaccia utente: pesu 400, 14–16px, spaziatura nurmale di e lettere, spaziatura di e linee 1.5–1.7. Microetichette (navigazione, icone, u slogan "Fundata in u 1925"): pesu 500, 9–12px cù una spaziatura larga di e lettere finu à +0.143em, visualizata in maiuscule per esse aduprata cum'è annotazioni architettoniche discrete. Ùn ci hè micca altru carattere cuncurrente.
- object-fit: cover; object-position: center; — rimpiazzamentu: Inter · contorni 400 · object-fit: cover; object-position: center; - truvatu in i dati estratti ma micca discrittu da l'IA.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | densu |
| Passu basicu | 8-16px |
| Raggiu di u buttone | 40px |
| Raggiu di a carta | 0px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 60-80px |
| Larghezza di a pagina | 1440px |
L'IA custruisce u vostru situ web in stile Bang & Olufsen è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- Structured — Galleria rinascimentale nantu à carta simile à a plastilina
- Apple (España) — A galeria di u museu, in a dolce luce di u ghjornu, hè un unicu spaziu biancu accattivante è senza pesu, cù ogni mostra illuminata da un riflettore contr'à un muru ligeramente culuritu.
- Apple (España) — A vetrina di a Galleria Obsidian hè una sala d'esposizione scura induve un unicu oggettu di titaniu brilla contr'à un fondu neru cum'è a pece.
- 099 SUPPLY — Un muru di galleria pienu d'oggetti bianchi è neri
- Custo — Una galeria di culore canna di fucile cù un carattere monoliticu. Una sala d'esposizione in toni grisgi-verdi tenui, induve un unicu oggettu scuru è un carattere 57px parlanu da soli.
- Apple (España) — A Galleria di u Museu Biancu à meziornu
- VITURE — Una presentazione di prudutti neon daretu à un vetru di mezzanotte - una sala di mostra scura induve un solu raghju aranciu taglia l'oscurità, illuminendu un paru d'occhiali nantu à un supportu.
- HNST Studio — Un studio accogliente cù tessuti di linu macchiati di ruggine hè una galeria di moda lenta induve un unicu accentu d'aranciu brusgiatu riscalda l'internu altrimenti monasticu di crema è carbone.
- OFFFICE : — una galeria noir inghjuttita in caratteri monolitichi
- ARTU — Muru di galleria nantu à carta bianca. ARTU tratta u spaziu di visualizazione cum'è una mostra di museu - foto di prudutti à grande scala, marchi suttili, è un solu toccu di calce in fondu chì cumpleta a cumpusizione.
- Specht Studio — Un muru di galleria pienu di curiosità discreta. A finitura cromata di u studio hè una superficia bianca è lettere nere; i fuochi d'artificiu visuali sò interamente cuncintrati in e piastrelle di u prugettu.
- MindMarket — Un libru di fiaba accogliente nantu à carta crema - una tela editoriale amichevule induve i grandi tituli Inter è i caratteri di carta ritagliati coesistenu nantu à una superficia inzuppata di sole, dolce cum'è un adesivo.