Bang & Olufsen
Galería escandinava sobre porcelana. Cando a páxina de B&O está escura, a peza ilumínase, coma unha escultura nun nicho de medianoite; cando está iluminada, a peza parece flotar sobre seda branca, sen nada máis que distraia a súa atención.
Bang & Olufsen opera segundo un principio de galería-museo: lenzos de porcelana case brancos sobre os que flotan produtos como obxectos escultóricos, interrompidos por insercións cromáticas ocasionais que abarcan todo o ancho da pantalla (un violeta ultramarino profundo que consome toda a pantalla, ás veces un vermello terracota intenso) para darlle acentos emocionais. A tipografía é un único tipo de letra neogrotesca deseñado a medida (BeoSupreme) que fala por si só: apenas perceptible en pantallas grandes, maiúsculas xenerosamente cheas en microetiquetas, sen necesidade doutros tipos de letra. Os compoñentes redúcense ao mínimo: controis translúcidos en forma de pílula, bordos finos, sen sombras decorativas, sen botóns degradados, sen iconas. A grella é xenerosa, o espazo negativo é un luxo. Cada produto ten o seu propio pedestal flotante; o branco circundante é espazo. A cor distribúese como un material precioso: cando aparece, ocupa todo o cadro.
O contedor de ancho máximo de 1440 px está centrado e ten marxes horizontais de 25 px nos bordos. O elemento hero ocupa todo o ancho da páxina (rompendo o contedor) e a cámara ultramarina esténdese de bordo a bordo. As grellas de produtos están dispostas uniformemente en 4-5 columnas con espazos de 25 px e desprázanse horizontalmente nos dispositivos móbiles. As seccións alternan entre un fondo branco e cámaras de cores de ancho completo; o ritmo é o seguinte: grella de produto branca → elemento hero ultramarina → grella de produto branca → banner editorial vermello intenso → grella de produto branca → pé de páxina ultramarina. A navegación é unha barra superior minimalista que flota sobre as seccións brancas e de cores (o texto invértese a branco sobre un fondo escuro). A páxina "respira": os espazos entre as seccións son de 60-80 px, os produtos individuais teñen o seu propio espazo dentro das celas e non hai densidade de información.
A fotografía de produtos é o único elemento visual: non hai imaxes de estilo de vida, modelos nin contexto ambiental. Os produtos tómanse contra fondos puramente neutros (branco, negro e azul escuro degradado) con iluminación de estudio controlada que destaca os materiais: aluminio mate, textura de coiro, cobre anodizado e silicona mate. O recorte é axustado, centrado e o suxeito principal énfase. A reprodución da cor é tenue e axeitada para o material: o cobre percíbese como cobre, non como "hora dourada". Os motivos visuais secundarios inclúen siluetas de produtos dispersas e a pantalla completa contra planos ricos e monocromáticos (ultramar, vermello terracota) para momentos editoriais dramáticos. Iconografía: liña fina de 1 px, negro monocromático sobre branco ou branco sobre fondo escuro, xeométrica, sen recheo, sen multicolor.
Paleta
Marca
- Ultramarine Velvet
#060daa— Imaxes de fondo na parte superior e inferior das páxinas, seccións rechamantes que abarcan todo o ancho da páxina e recheos de pé de páxina: unha cor rica, case negra-azul-violeta, que se usa para abarcar fotogramas enteiros e darlle un toque teatral a un só produto.
Neutro
- Porcelain Canvas
#ffffff— As imaxes de fondo da páxina, o deseño da tarxeta do produto e as barras de navegación son a base fundamental sobre a que se constrúe cada produto. - Bone
#fcfaee— Unha superficie secundaria para bloques de tons neutros cálidos, texto de botóns sobre un fondo escuro, un lenzo alternativo cando o branco se sente estéril. - Obsidian
#191817— O texto principal e o texto da descrición do produto son dunha cor cálida, case negra, que semella máis suave que o #000000 puro sobre un fondo branco. - Pure Ink
#000000— Contornos de iconas, microetiquetas, bordos sutís e os contrastes de texto máis nítidos. - Graphite
#555555— Texto secundario, metadatos, etiquetas de prezo, texto auxiliar silencioso - Mist
#e5e5e5— Límites de datos de entrada finos e o único separador estrutural do sistema.
Tipografía
de 12 a 36 px · 5 pasos
- BeoSupreme — substitución: Neue Haas Grotesk Display Pro (closest) · contornos 400, 500, 700 · Un único tipo de letra que reflicta toda a identidade da marca. Para títulos e epígrafes: grosor de 500 a 700, 24 a 36 px con espazado entre letras axustado (-0,056 em → -0,014 em) para titulares concisos e seguros. Para o corpo do texto e a interface de usuario: grosor de 400, 14 a 16 px, espazado entre letras normal, espazado entre liñas de 1,5 a 1,7. Microetiquetas (navegación, iconas, o lema "Fundada en 1925"): grosor de 500, 9 a 12 px con espazado entre letras amplo de ata +0,143 em, mostrado en maiúsculas para o seu uso como anotacións arquitectónicas discretas. Non hai outro tipo de letra competidor.
- object-fit: cover; object-position: center; — substitución: Inter · contornos 400 · object-fit: cover; object-position: center; - atopado nos datos extraídos pero non descrito pola IA.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Paso básico | 8-16px |
| Radio do botón | 40px |
| Radio da tarxeta | 0px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 60-80px |
| Largura da páxina | 1440px |
A IA creará o teu sitio web ao estilo de Bang & Olufsen e o encherá
- Enche con produtos e publicacións a través da ligazón: Instagram, TikTok, Facebook.
- Transfire contido do teu sitio antigo: só tes que especificar o enderezo.
- Deseño moderno no mellor motor: React ( Next.js) con renderización de servidor e optimización SEO listas para usar.
- Optimización SEO totalmente automatizada para resultados de busca e recomendacións de redes neuronais.
Estilos semellantes
- Structured — Galería renacentista en papel tipo plastilina
- Apple (España) — A galería do museo, á suave luz do día, é un espazo branco único, cativador e ingrávido, con cada exposición iluminada por un foco contra unha parede lixeiramente tintada.
- Apple (España) — A vitrina da Galería Obsidian é unha sala de exposicións escura onde un único obxecto de titanio brilla sobre un fondo escuro como a carne.
- 099 SUPPLY — Unha parede de galería chea de obxectos en branco e negro
- Custo — Unha galería cor bronce e unha fonte monolítica. Unha sala de exposicións en tons grises verdosos apagados, onde un único obxecto escuro e unha fonte de 57 px falan por si mesmos.
- Apple (España) — A Galería do Museo Branco ao mediodía
- VITURE — Unha presentación de produto de neón tras un cristal cor medianoite: unha sala de exposicións escura onde un único raio laranxa corta a escuridade, iluminando unhas lentes nun soporte.
- HNST Studio — Un estudo acolledor con tecidos de liño manchados de ferruxe é unha galería de moda lenta onde un único toque de laranxa queimado quenta o interior, doutro xeito monástico, de crema e carbón vexetal.
- OFFFICE : — unha galería noir envolvida nunha fonte monolítica
- ARTU — Galería mural sobre papel branco. ARTU trata o espazo de visualización coma se fose unha exposición de museo: fotos de produtos a grande escala, marcas sutís e un toque de lima na parte inferior que completa a composición.
- Specht Studio — Unha parede de galería chea de discreta curiosidade. O acabado cromado propio do estudo é unha superficie branca e letras negras; os fogos artificiais visuais concéntranse por completo nos azulexos do proxecto.
- MindMarket — Un acolledor libro de conto de fadas sobre papel crema: un lenzo editorial amigable onde grandes titulares de Inter e personaxes de papel recortados conviven nunha superficie suave como unha pegatina bañada polo sol.