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.
Custo funciona como unha galería de produtos industriais: unha cálida lona metálica serve de pano de fondo para o produto físico, mentres que a tipografía de gran formato serve como principal adorno visual. O sistema é estritamente acromático (sen cores cromáticas), o que permite que o buzón anodizado escuro e a gravidade xeométrica dun único tipo de letra sans-serif transmitan toda a personalidade da marca. Cada pantalla equilibra o amplo espazo branco cunha declaración tipográfica monumental, coa marca repetida como un elemento case arquitectónico. As superficies son planas e mate; a profundidade créase a través da propia reflectividade do produto, non a través de sombras ou gradientes.
O deseño da páxina é unha estrutura dunha soa columna disposta verticalmente cun ancho máximo de contido de ~1280 px, centrada dentro da ventá gráfica. O elemento principal da páxina abrangue todo o ancho da páxina, renderizado en Canvas Gunmetal #9ea29f de bordo a bordo, cunha foto dun buzón centrada á dereita e un logotipo de CUSTO® de 57 px ancorando o bordo inferior. Debaixo do elemento principal, as seccións altérnanse: un bloque de texto de dúas columnas (lenda pequena á esquerda, título grande á dereita), seguido dunha grella horizontal de tres tarxetas de imaxe de produto e, a continuación, filas de dúas columnas de texto e imaxes, co texto principal alternando a cada lado. As liñas entre as seccións son de 110 px, o que crea un espazo de respiración vertical significativo. A navegación é unha única barra superior transparente que se desvanece a branco papel a medida que se despraza. A icona de CES é un elemento fixo e flotante na esquina inferior dereita. O ritmo xeral é similar ao dunha galería: poucos elementos en cada sección, fonte grande, espazos amplos e unha foto do produto como puntuación visual entre as tiras de texto.
As imaxes son puramente fotografías de produto do buzón de correo Custo, tomadas en tres modos: retratos de corpo enteiro contra o marco metálico, fotos de estilo de vida que mostran a interacción humana co dispositivo e primeiros planos da interface de dixitalización e o anel LED. Todas as fotografías están executadas en tons apagados e de alto contraste, co acabado negro mate do buzón servindo como áncora visual. Non hai ilustracións, gráficos abstractos nin fotos de arquivo. As fotografías están colocadas en tarxetas de radio de 8 px ou úsanse a pantalla completa detrás do logotipo de 57 px. A icona do CES é a única imaxe multicolor de todo o sitio web.
Paleta
Neutro
- Canvas Gunmetal
#9ea29f— O cálido fondo gris verdoso das seccións principal e temática distingue a Custo dos modelos SaaS brancos estándar e parécese máis ao formigón arquitectónico que a unha superficie dixital. - Obsidian
#000000— Corpo de texto, bordos finos, trazos de iconas: a tinta de maior contraste do sistema, usada para títulos e divisores estruturais. - Paper White
#ffffff— Imaxes de fondo de partes do corpo, texto invertido sobre lenzo metálico, texto sobre fondo escuro de fotografía de produto. - Anodized Graphite
#4b514d— A superficie escura para a fotografía do produto, os títulos adicionais e o texto tridimensional reflicten o acabado do buzón, polo que a interface de usuario e o produto están feitos do mesmo material. - Brushed Steel
#8e9194— Entre o branco papel e o obsidiana inclúense texto tenue, divisores de listas e contornos de iconas adicionais para metadatos incrustados e ligazóns discretas. - Linen Mist
#a7aaad— A cor clara do bordo e dos divisores para os títulos e as liñas divisorias é un ton sutil que nunca compite coas liñas estruturais da cor obsidiana.
Tipografía
de 15 a 57 px · 5 pasos
- PP Neue Montreal — substitución: Inter · contornos 400 (Medium) · Emprégase un sistema tipográfico unifamiliar para todo, dende o corpo do texto ata o texto explicativo; a uniformidade xeométrica no peso é a característica distintiva, evitando o uso de fontes secundarias ou específicas da pantalla, polo que a marca denominativa "CUSTO®" establecida en 57 px lese como pertencente á mesma familia tipográfica que a etiqueta do campo de entrada do formulario de 15 px.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | espazoso |
| Paso básico | 24px |
| Radio do botón | 31.35px (pill) for primary action; 8px for secondary |
| Radio da tarxeta | 8px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 110px |
| Largura da páxina | 1280px |
A IA creará o teu sitio web ao estilo de Custo 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
- 099 SUPPLY — Unha parede de galería chea de obxectos en branco e negro
- 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.
- Structured — Galería renacentista en papel tipo plastilina
- Airbnb — Unha tranquila parede de galería branca cun único marcador de libros vermello coral
- VSCO — A parede monocromática da galería é unha exposición de fotografías en branco e negro, onde un único foco cálido ilumina a seguinte acción.
- 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.
- Peak Design — Galería mural, parcialmente iluminada
- 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.
- Apple (España) — vitrina de galería branca
- teenage engineering — Catálogo industrial en iluminación de estudio: o produto é o único obxecto significativo da páxina e todo o demais se discute ao seu redor
- Apple (España) — Unha xanela da galería na néboa da mañá
- Apple (España) — A Galería do Museo Branco ao mediodía