Bang & Olufsen
Galeria escandinava em porcelana. Quando a página da B&O está escura, a peça é iluminada, como uma escultura em um nicho à meia-noite; quando iluminada, a peça parece flutuar sobre seda branca, sem nada que distraia sua atenção.
A Bang & Olufsen opera segundo um princípio de galeria-museu: telas de porcelana quase brancas sobre as quais os produtos flutuam como objetos esculturais, interrompidas por inserções cromáticas ocasionais que abrangem toda a largura da tela — um violeta ultramarino profundo que consome toda a tela, às vezes um vermelho terracota intenso — para acentuar as emoções. A tipografia é uma única fonte neo-grotesca personalizada (BeoSupreme) que fala por si só: quase imperceptível em telas grandes, letras maiúsculas generosamente preenchidas em micro-rótulos, sem necessidade de outras fontes. Os componentes são reduzidos ao mínimo: controles translúcidos em formato de pílula, bordas finas, sem sombras decorativas, sem botões com gradiente, sem ícones. A grade é generosa, o espaço negativo é um luxo. Cada produto recebe seu próprio pedestal flutuante; o branco ao redor é espaço. A cor é distribuída como um material precioso — quando aparece, ocupa toda a tela.
O contêiner, com largura máxima de 1440px, é centralizado e possui margens horizontais de 25px nas bordas. O elemento principal ocupa toda a largura da página (quebrando o contêiner), e a seção de fotos em azul ultramarino se estende de uma extremidade à outra. As grades de produtos são dispostas uniformemente em 4 a 5 colunas com espaçamento de 25px e permitem rolagem horizontal em dispositivos móveis. As seções alternam entre fundo branco e seções de fotos coloridas em tela cheia — o ritmo é o seguinte: grade de produtos branca → elemento principal em azul ultramarino → grade de produtos branca → banner editorial em vermelho intenso → grade de produtos branca → rodapé em azul ultramarino. A navegação consiste em uma barra superior minimalista que flutua acima das seções brancas e coloridas (o texto é invertido para branco sobre fundo escuro). A página "respira" — os espaçamentos entre as seções são de 60 a 80px, cada produto tem seu próprio espaço dentro das células e não há excesso de informação.
A fotografia de produto é o único elemento visual: sem imagens de estilo de vida, modelos ou contexto ambiental. Os produtos são fotografados contra fundos puramente neutros (branco, preto e azul escuro degradê) com iluminação de estúdio controlada que destaca os materiais: alumínio fosco, textura de couro, cobre anodizado e silicone fosco. O enquadramento é preciso, centralizado e o objeto principal é enfatizado. A reprodução de cores é suave e adequada ao material: o cobre é percebido como cobre, não como "luz dourada do pôr do sol". Motivos visuais secundários incluem silhuetas esparsas do produto em tela cheia contra planos monocromáticos ricos (ultramarino, vermelho terracota) para momentos editoriais dramáticos. Iconografia: linha fina de 1 pixel, monocromático preto sobre branco ou branco sobre escuro, geométrico, sem preenchimento, sem multicolorido.
Paleta
Marca
- Ultramarine Velvet
#060daa— Imagens de fundo na parte superior e inferior das páginas, seções impactantes que abrangem toda a largura da página e preenchimentos de rodapé — uma cor rica, quase preto-azul-violeta, usada para envolver quadros inteiros e dar um toque teatral a um único produto.
Neutro
- Porcelain Canvas
#ffffff— As imagens de fundo da página, o design dos cartões de produto e as barras de navegação são a base fundamental sobre a qual todo produto é construído. - Bone
#fcfaee— Uma superfície secundária para blocos em tons neutros quentes, texto em botões sobre fundo escuro, uma tela alternativa quando o branco parece estéril. - Obsidian
#191817— O texto principal e a descrição do produto têm uma cor quente, quase preta, que parece mais suave do que o #000000 puro em um fundo branco. - Pure Ink
#000000— Contornos de ícones, microtags, bordas sutis e contrastes de texto extremamente nítidos. - Graphite
#555555— Texto secundário, metadados, etiquetas de preço, texto auxiliar silencioso - Mist
#e5e5e5— Limites de dados de entrada tênues e o único separador estrutural no sistema.
Tipografia
de 12 a 36px · 5 etapas
- BeoSupreme — substituição: Neue Haas Grotesk Display Pro (closest) · esboços 400, 500, 700 · Uma única fonte que reflete toda a identidade da marca. Para títulos e cabeçalhos: peso 500–700, 24–36px com espaçamento entre letras reduzido (-0,056em → -0,014em) para títulos concisos e impactantes. Para o corpo do texto e interface do usuário: peso 400, 14–16px, espaçamento entre letras normal, espaçamento entre linhas de 1,5–1,7. Microrótulos (navegação, ícones, o slogan "Fundada em 1925"): peso 500, 9–12px com espaçamento entre letras amplo de até +0,143em, exibidos em maiúsculas para uso como anotações arquitetônicas discretas. Não há outra fonte concorrente.
- object-fit: cover; object-position: center; — substituição: Inter · esboços 400 · object-fit: cover; object-position: center; - encontrado nos dados extraídos, mas não descrito pela IA.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Passo básico | 8-16px |
| Raio do botão | 40px |
| Raio do cartão | 0px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 60-80px |
| Largura da página | 1440px |
A IA criará seu site no estilo Bang & Olufsen e o preencherá.
- Compartilhe produtos e publicações através dos links - Instagram, TikTok, Facebook.
- Transfira o conteúdo do seu site antigo — basta especificar o endereço.
- Design moderno na melhor engine: React ( Next.js) com renderização no servidor e otimização de SEO integradas.
- Otimização de SEO totalmente automatizada para resultados de pesquisa e recomendações de redes neurais.
Estilos semelhantes
- Structured — Galeria renascentista em papel semelhante à plasticina
- Apple (España) — A galeria do museu, sob uma suave luz natural, é um espaço único, cativante e etéreo, todo branco, com cada peça da exposição iluminada por um foco de luz contra uma parede levemente colorida.
- Apple (España) — A galeria Obsidian Gallery é um salão de exposições escuro onde um único objeto de titânio brilha contra um fundo completamente preto.
- 099 SUPPLY — Uma parede de galeria repleta de objetos em preto e branco.
- Custo — Uma galeria em tons de cinza-chumbo com uma fonte monolítica. Um showroom em tons suaves de cinza-esverdeado, onde um único objeto escuro e uma fonte de 57px falam por si.
- Apple (España) — A Galeria do Museu Branco ao meio-dia
- VITURE — Uma apresentação de produto em neon atrás de um vidro escuro – um showroom escurecido onde um único feixe de luz laranja corta a escuridão, iluminando um par de óculos em um suporte.
- HNST Studio — Um estúdio aconchegante com tecidos de linho em tons de ferrugem funciona como uma galeria de moda sustentável, onde um único toque de laranja queimado aquece o interior, de outra forma monástico, em tons de creme e carvão.
- OFFFICE : — uma galeria noir envolta em fonte monolítica
- ARTU — Galeria de parede em papel branco. A ARTU trata o espaço de visualização como uma página de museu — fotos de produtos em grande escala, marcações sutis e um único toque de verde-limão na parte inferior que completa a composição.
- Specht Studio — Uma parede de galeria repleta de curiosidade discreta. O acabamento cromado exclusivo do estúdio apresenta uma superfície branca com letras pretas; o espetáculo visual está inteiramente concentrado nos azulejos do projeto.
- MindMarket — Um livro de contos de fadas aconchegante em papel creme - uma tela editorial amigável onde grandes manchetes da Inter e personagens de papel recortado coexistem em uma superfície ensolarada e macia como adesivos.