COS
uma galeria moderna com paredes brancas
A COS utiliza a gramática visual de uma galeria de arte contemporânea: vastas paredes brancas, fotografias monocromáticas de grande formato e tipografia que não interfere com os modelos. A interface é praticamente incolor — acromática — usando um tom quase preto (#080808) sobre branco puro (#ffffff) como único contraste estrutural, com um toque sutil de vermelho (#c80000) reservado para momentos que devem transmitir urgência, mas sem serem ostensivos. O espaçamento é generoso e editorialmente adequado, com recuos de seção de até 135px, e os componentes se fundem à página: bordas finas em #dadada, sem sombras, sem gradientes, sem cantos arredondados. A tipografia (SuisseIntl) é o único ornamento — uma única família tipográfica grotesca que permanece consistente desde os microrótulos de 12px até as descrições de categoria de 35px, inclinando-se ligeiramente para o positivo para evocar as fontes da galeria.
O modelo de página de altura total — a tela se estende de ponta a ponta sem um contêiner de largura máxima, e o conteúdo é ancorado por imagens divisórias e espaço em branco, em vez de uma coluna centralizada. O elemento principal é uma divisão vertical 50/50 de dois retratos editoriais de largura total, tão dominante que serve como cartão de visitas estrutural da marca. Abaixo do elemento principal, as seções alternam entre blocos de texto em fundo branco (centralizados, em uma única coluna) e imagens adicionais de altura total. O ritmo vertical é espaçoso: os espaços entre as seções criam uma sensação de espaço entre as faixas, como em uma parede de museu. A navegação consiste em uma única faixa branca fina com um logotipo centralizado e um seletor de idioma alinhado à direita — não há barra de categorias horizontal nem megamenu visível no quadro principal. A densidade de informações é baixa: uma afirmação por seção, uma imagem por ideia.
Fotografias de moda editoriais em grande formato dominam a página — retratos de largura total e fotos de três quartos de modelos, sob iluminação controlada de estúdio, predominantemente neutra e suave, com tons quentes. As imagens são compactas, preenchendo o espaço de ponta a ponta, sem cantos arredondados, máscaras decorativas ou molduras sobrepostas. Uma técnica característica é a moldura "dois retratos lado a lado" (MUJER / HOMBRE): dois retratos de igual importância colocados lado a lado, cada um identificado com uma única etiqueta de categoria no canto inferior esquerdo. As fotografias são emolduradas como impressões de galeria — o sujeito é proeminente, o contexto é ausente, a escala humana é ausente e a paleta é monocromática. Sem cenas da vida real, sem adereços, sem fundos texturizados.
Paleta
Neutro
- Canvas White
#ffffff— Uma superfície de apoio leve para criar um fundo discreto e separar seções. Não deve ser usada como cor principal para a chamada à ação. - Ink Black
#080808— Texto principal, ícones, links, tipo de navegação, bordas dos botões, logotipo, texto do rodapé - uma cor mais suave do que o preto puro para evitar que as fotos pareçam muito nítidas contra o fundo. - True Black
#000000— Sobreposição do texto principal em imagens escuras, corpo do texto, rótulos de botões - o preto puro é usado apenas para os elementos tipográficos de maior contraste. - Mist Gray
#dadada— Bordas sutis, campos de entrada sublinhados, separadores discretos, contornos quando desativados — o tom neutro mais discreto, visível apenas pelo que separa. - Signal Red
#c80000— A cor vermelha serve como um detalhe decorativo adicional e para enfatizar as frequências graves.
Tipografia
de 12 a 35px · 3 etapas
- SuisseIntl — substituição: Neue Haas Grotesk Display · esboços 400, 500, 700 · Uma única fonte é usada em toda a interface para navegação, texto principal, títulos, botões e descrições de produtos. O espaçamento positivo entre letras (0,01–0,04em) é incomum para uma fonte de tela e aprimora a sensação de um catálogo impresso; a espessura 700 é reservada para descrições de categorias, 500 para navegação e botões e 400 para todo o resto. A identidade visual é consistente com uma única família de fontes e uma faixa de tamanhos muito estreita (12–35px) — a fonte nunca se sobrepõe ao restante do texto.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | espaçoso |
| Passo básico | 8px |
| Raio do botão | 0px |
| Raio do cartão | 0px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 135px |
A IA criará seu site no estilo COS 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
- Airbnb — Uma discreta parede branca de galeria com um único marcador de livros vermelho-coral.
- Apple (España) — vitrine branca para galeria
- Silencio — Uma sala branca com objetos flutuantes. Uma galeria de arte feita de papel em tons quentes, onde cada elemento ocupa seu lugar contra um fundo de volume negativo, e o silêncio é uma decisão de design intencional.
- Oakâme — Uma oficina provençal banhada de sol, esculpida em pedra quente.
- Nike — Uma galeria monocromática de conquistas esportivas – paredes brancas, o produto como obra de arte, o cromo dissolvido no fundo.
- Arc — galeria industrial branca sobre água à meia-noite
- Rivian — Um monólito elétrico na parede de concreto da galeria. A Rivian apresenta cada veículo como uma escultura contra um vasto espaço branco, com uma tipografia tão grande que se torna um elemento arquitetônico, e um único amarelo quente que quebra a atmosfera monocromática, como a luz do sol em uma superfície fosca.
- Analogue — Vitrine preta para galeria – os produtos flutuam no vazio.
- ddna — vitrine de museu aquecida sobre linho não tratado
- Zellerfeld — Uma oficina de escultor em mármore branco — as superfícies monolíticas do pedestal, uma única faísca de cobalto, um sussurro de letras minúsculas do chão ao teto.
- UY Studio — A galeria de pedra do mosteiro é um espaço tranquilo com paredes de concreto, onde frascos de perfume repousam sobre pedestais brancos, iluminados por uma lâmpada de 400 watts e quatro lâmpadas de luz cinza quente.
- Basic.Space — galeria curatorial em mármore branco