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.
Custo funciona como uma galeria de produtos industriais: uma tela metálica em tons quentes serve de pano de fundo para o produto físico, enquanto a tipografia em grande formato atua como o principal adorno visual. O sistema é estritamente acromático — sem cores cromáticas — permitindo que o letterbox anodizado escuro e a gravidade geométrica de uma única fonte sem serifa transmitam toda a personalidade da marca. Cada tela equilibra amplos espaços em branco com uma declaração tipográfica monumental, com a marca repetida como um elemento quase arquitetônico. As superfícies são planas e foscas; a profundidade é criada pela própria refletividade do produto, e não por sombras ou gradientes.
O layout da página é uma estrutura vertical de coluna única com uma largura máxima de conteúdo de aproximadamente 1280px, centralizada na área visível. O elemento principal da página ocupa toda a largura, renderizado em Canvas Gunmetal #9ea29f de ponta a ponta, com uma foto de uma caixa de correio centralizada à direita e um logotipo CUSTO® de 57px ancorando a borda inferior. Abaixo do elemento principal, as seções se alternam: um bloco de texto de duas colunas (legenda pequena à esquerda, título grande à direita), seguido por uma grade horizontal de três cartões com imagens de produtos e, em seguida, linhas de texto e imagens em duas colunas, com o texto principal alternando entre os lados. Os espaçamentos entre as seções são de 110px, criando um espaço vertical considerável. A navegação consiste em uma única barra superior transparente que desaparece gradualmente para o branco Paper White à medida que o usuário rola a página. O ícone da CES é um elemento fixo e flutuante no canto inferior direito. O ritmo geral lembra uma galeria de arte: poucos elementos em cada seção, fonte grande, espaços amplos e uma foto do produto como pontuação visual entre as faixas de texto.
As imagens são exclusivamente fotografias do produto Custo, tiradas em três modos: retratos de corpo inteiro com a estrutura metálica ao fundo, fotos de uso cotidiano demonstrando a interação humana com o dispositivo e closes da interface de leitura e do anel de LED. Todas as fotografias foram feitas em tons suaves e de alto contraste, com o acabamento preto fosco da caixa de correio servindo como ponto focal visual. Não há ilustrações, gráficos abstratos ou fotos de banco de imagens. As fotografias são exibidas em cartões com raio de 8px ou em tela cheia atrás do logotipo de 57px. O ícone da CES é a única imagem multicolorida em todo o site.
Paleta
Neutro
- Canvas Gunmetal
#9ea29f— O fundo cinza-esverdeado quente das seções principal e temática diferencia o Custo dos modelos SaaS brancos padrão e se assemelha mais a concreto arquitetônico do que a uma superfície digital. - Obsidian
#000000— Corpo do texto, margens finas, traços de ícones - a tinta de maior contraste do sistema, usada para títulos e divisores estruturais. - Paper White
#ffffff— Imagens de fundo com partes do corpo, texto invertido em fundo cinza-escuro, texto em fundo escuro para fotografia de produtos. - Anodized Graphite
#4b514d— A superfície escura para fotografia do produto, títulos adicionais e texto tridimensional ecoa o acabamento da caixa de correio, de modo que a interface do usuário e o produto são feitos do mesmo material. - Brushed Steel
#8e9194— Texto corrido em tons discretos, divisores de listas e contornos adicionais para ícones se alternam entre as cores Branco Papel e Obsidiana, para metadados incorporados e links discretos. - Linen Mist
#a7aaad— A cor clara da borda e dos divisores para títulos e linhas divisórias é um tom sutil que nunca compete com as linhas estruturais da cor Obsidiana.
Tipografia
de 15 a 57px · 5 etapas
- PP Neue Montreal — substituição: Inter · esboços 400 (Medium) · Um sistema tipográfico de família única é usado para tudo, desde o corpo do texto até o texto explicativo — a uniformidade geométrica na espessura é a marca registrada, evitando o uso de quaisquer fontes secundárias ou específicas para exibição, de modo que a marca nominativa 'CUSTO®', definida em 57px, é lida como pertencente à mesma família tipográfica que o rótulo do campo de entrada do formulário de 15px.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | espaçoso |
| Passo básico | 24px |
| Raio do botão | 31.35px (pill) for primary action; 8px for secondary |
| Raio do cartão | 8px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 110px |
| Largura da página | 1280px |
A IA criará seu site no estilo Custo 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
- 099 SUPPLY — Uma parede de galeria repleta de objetos em preto e branco.
- 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.
- Structured — Galeria renascentista em papel semelhante à plasticina
- Airbnb — Uma discreta parede branca de galeria com um único marcador de livros vermelho-coral.
- VSCO — A parede monocromática da galeria é uma exposição de fotografias em preto e branco, onde um único foco de luz quente ilumina a ação seguinte.
- 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.
- Peak Design — Parede da galeria, parcialmente iluminada
- 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.
- Apple (España) — vitrine branca para galeria
- teenage engineering — Catálogo industrial de iluminação de estúdio - o produto é o único objeto significativo na página, e tudo o mais é discutido em torno dele.
- Apple (España) — Uma janela de galeria na névoa da manhã
- Apple (España) — A Galeria do Museu Branco ao meio-dia