Bang & Olufsen
Galerie scandinavă despre porțelan. Când pagina B&O este întunecată, piesa este iluminată, ca o sculptură într-o nișă de noapte; când este iluminată, piesa pare să plutească pe mătase albă, fără nimic altceva care să-i distragă atenția.
Bang & Olufsen operează pe principiul galeriei-muzeu: pânze de porțelan aproape albe pe care produsele plutesc ca niște obiecte sculpturale, întrerupte de inserții cromatice ocazionale care se întind pe întreaga lățime a ecranului - un violet ultramarin intens care consumă întregul ecran, uneori un roșu teracotă bogat - pentru accente emoționale. Tipografia este un singur font neo-grotesc, conceput la comandă (BeoSupreme), care vorbește de la sine: abia sesizabil pe ecranele mari, majuscule umplute generos pe micro-etichete, fără a fi necesare alte fonturi. Componentele sunt reduse la minimum: comenzi translucide în formă de pilulă, margini subțiri, fără umbre decorative, fără butoane gradient, fără pictograme. Grila este generoasă, spațiul negativ este un lux. Fiecare produs are propriul soclu plutitor; albul din jur este spațiu. Culoarea este distribuită ca un material prețios - atunci când apare, ocupă întregul cadru.
Containerul cu lățimea maximă de 1440px este centrat și are margini orizontale de 25px pe margini. Elementul hero ocupă întreaga lățime a paginii (rupând containerul), iar camera ultramarină se extinde de la o margine la alta. Grilele de produse sunt dispuse uniform în 4-5 coloane cu spații de 25px și se derulează orizontal pe dispozitivele mobile. Secțiunile alternează între un fundal alb și camere colorate pe toată lățimea - ritmul este următorul: grilă de produse albă → element hero ultramarin → grilă de produse albă → banner editorial roșu intens → grilă de produse albă → subsol ultramarin. Navigarea este o bară superioară minimalistă care plutește deasupra secțiunilor albe și colorate (textul este inversat în alb pe un fundal închis). Pagina „respiră” - spațiile dintre secțiuni sunt de 60-80px, produsele individuale au propriul spațiu în cadrul celulelor și nu există densitate informațională.
Fotografia de produs este singurul element vizual: nu există imagini cu stil de viață, modele sau context ambiental. Produsele sunt fotografiate pe fundaluri pur neutre (alb, negru și albastru închis gradient), cu iluminare de studio controlată care evidențiază materialele: aluminiu mat, textură de piele, cupru anodizat și silicon mat. Decuparea este precisă, centrată, iar subiectul principal este accentuat. Redarea culorilor este estompată și adecvată materialului: cuprul este perceput ca fiind cupru, nu ca „ora de aur”. Motivele vizuale secundare includ siluete rare de produse pe tot ecranul, pe planuri bogate, monocromatice (ultramarin, roșu teracotă) pentru momente editoriale dramatice. Iconografie: linie subțire de 1px, negru monocrom pe alb sau alb pe fundal închis, geometric, fără umplere, fără multicolor.
Paletă
Marca
- Ultramarine Velvet
#060daa— Imagini de fundal în partea de sus și de jos a paginilor, secțiuni dramatice care se întind pe întreaga lățime a paginii și umpluturi de subsol - o culoare bogată, aproape negru-albastru-violet, folosită pentru a acoperi cadre întregi și a da o notă teatrală unui singur produs.
Neutru
- Porcelain Canvas
#ffffff— Imaginile de fundal ale paginii, designul fișei de produs și barele de navigare sunt fundamentul fundamental pe care este construit fiecare produs. - Bone
#fcfaee— O suprafață secundară pentru blocuri în tonuri calde și neutre, text pentru butoane pe un fundal închis, o pânză alternativă atunci când albul pare steril. - Obsidian
#191817— Textul principal și textul descrierii produsului au o culoare caldă, aproape neagră, care arată mai palid decât #000000 pur pe fundal alb. - Pure Ink
#000000— Contururi de pictograme, microetichete, chenaruri subtile și cele mai clare contraste de text. - Graphite
#555555— Text secundar, metadate, etichete de preț, text auxiliar silențios - Mist
#e5e5e5— Limite subțiri ale datelor de intrare și singurul separator structural din sistem.
Tipografie
de la 12 la 36px · 5 pași
- BeoSupreme — înlocuire: Neue Haas Grotesk Display Pro (closest) · contururi 400, 500, 700 · Un singur font care reflectă întreaga identitate a mărcii. Pentru titluri și antete: grosime 500–700, 24–36px cu spațiere strânsă a literelor (-0,056em → -0,014em) pentru titluri concise și sigure. Pentru textul principal și interfața cu utilizatorul: grosime 400, 14–16px, spațiere normală a literelor, spațiere între rânduri 1,5–1,7. Microetichete (navigare, pictograme, sloganul „Fondată în 1925”): grosime 500, 9–12px cu spațiere largă a literelor de până la +0,143em, afișate cu majuscule pentru a fi utilizate ca adnotări arhitecturale discrete. Nu există alt font concurent.
- object-fit: cover; object-position: center; — înlocuire: Inter · contururi 400 · object-fit: cover; object-position: center; - se găsește în datele extrase, dar nu este descris de AI.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | dens |
| Pasul de bază | 8-16px |
| Raza butonului | 40px |
| Raza cardului | 0px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 60-80px |
| Lățimea paginii | 1440px |
Inteligența artificială vă va construi site-ul web în stilul Bang & Olufsen și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Structured — Galerie renascentistă pe hârtie asemănătoare plastilinei
- Apple (España) — Galeria muzeului, în lumina blândă a zilei, este un spațiu alb, unic, captivant, fără greutate, fiecare exponat fiind iluminat de un reflector pe un perete ușor nuanțat.
- Apple (España) — Vitrina Galeriei Obsidian este o sală de expoziție întunecată, unde un singur obiect din titan strălucește pe un fundal negru ca smoala.
- 099 SUPPLY — Un perete de galerie plin de obiecte alb-negru
- Custo — O galerie de culoarea bronzului, cu un font monolitic. Un showroom în tonuri estompate de gri-verzui, unde un singur obiect întunecat și un font de 57px vorbesc de la sine.
- Apple (España) — Galeria Muzeului Alb la prânz
- VITURE — O prezentare de produs neon în spatele unui geam de culoarea nopții – un showroom întunecat unde o singură rază portocalie străbate întunericul, luminând o pereche de ochelari de pe un suport
- HNST Studio — Un studio confortabil cu țesături de in pătat de rugină este o galerie de modă lentă, unde un singur accent de portocaliu ars încălzește interiorul altfel monastic, din crem și cărbune.
- OFFFICE : — o galerie noir învăluită în fonturi monolitice
- ARTU — Galerie de perete pe hârtie albă. ARTU tratează spațiul de vizionare ca pe o prezentare muzeală - fotografii de produse la scară largă, marcaje subtile și o singură atingere de var în partea de jos care completează compoziția.
- Specht Studio — Un perete galerie plin de o curiozitate discretă. Finisajul cromat propriu studioului este o suprafață albă și litere negre; artificiile vizuale sunt concentrate în întregime în gresia proiectului.
- MindMarket — O carte de basm confortabilă pe hârtie crem - o pânză editorială prietenoasă unde titluri mari din Inter și personaje decupate din hârtie coexistă pe o suprafață scăldată în soare, moale ca un autocolant.