Custo
Una galería color gris plomo con una tipografía monolítica. Una sala de exposiciones en tonos gris verdosos apagados, donde un único objeto oscuro y una tipografía de 57 píxeles hablan por sí solos.
Custo funciona como una galería de productos industriales: un cálido lienzo metálico sirve de telón de fondo para el producto físico, mientras que la tipografía de gran formato constituye el principal elemento visual. El sistema es estrictamente acromático —sin colores cromáticos—, lo que permite que el oscuro buzón anodizado y la gravedad geométrica de una única tipografía sans-serif transmitan la personalidad completa de la marca. Cada pantalla equilibra un amplio espacio en blanco con una declaración tipográfica monumental, donde el logotipo se repite como un elemento casi arquitectónico. Las superficies son planas y mates; la profundidad se crea mediante la reflectividad propia del producto, no mediante sombras ni degradados.
El diseño de la página es una estructura de una sola columna dispuesta verticalmente con un ancho máximo de contenido de ~1280px, centrado dentro de la ventana gráfica. El elemento principal de la página abarca todo el ancho de la página, renderizado de borde a borde en Canvas Gunmetal #9ea29f, con una foto de un buzón centrada a la derecha y un logotipo CUSTO® de 57px anclando el borde inferior. Debajo del elemento principal, las secciones se alternan: un bloque de texto de dos columnas (leyenda pequeña a la izquierda, título grande a la derecha), seguido de una cuadrícula horizontal de tres tarjetas de imágenes de productos, luego filas de dos columnas de texto e imágenes, con el texto principal alternando a cada lado. Los márgenes entre secciones son de 110px, creando un espacio vertical significativo. La navegación es una única barra superior transparente que se desvanece a Paper White al desplazarse. El icono de CES es un elemento fijo flotante en la esquina inferior derecha. El ritmo general es similar al de una galería: pocos elementos en cada sección, fuente grande, amplios espacios y una foto del producto como puntuación visual entre las franjas de texto.
Las imágenes son exclusivamente fotografías de producto del buzón Custo, tomadas en tres modos: retratos de cuerpo entero frente al marco metálico, tomas de estilo de vida que muestran la interacción humana con el dispositivo y primeros planos de la interfaz de escaneo y el anillo LED. Todas las fotografías están realizadas en tonos apagados y de alto contraste, con el acabado negro mate del buzón como elemento visual principal. No hay ilustraciones, gráficos abstractos ni fotos de archivo. Las fotografías se colocan en tarjetas de 8 píxeles de radio o se utilizan a pantalla completa detrás del logotipo de 57 píxeles. El icono de CES es la única imagen multicolor en todo el sitio web.
Paleta
Neutral
- Canvas Gunmetal
#9ea29f— El cálido fondo gris verdoso de las secciones principal y temática distingue a Custo de las plantillas SaaS blancas estándar y se asemeja más al hormigón arquitectónico que a una superficie digital. - Obsidian
#000000— Texto principal, bordes finos, trazos de iconos: la tinta de mayor contraste del sistema, utilizada para títulos y separadores estructurales. - Paper White
#ffffff— Imágenes de fondo de partes del cuerpo, texto invertido sobre lienzo color gris plomo, texto sobre fondo oscuro de fotografía de producto. - Anodized Graphite
#4b514d— La superficie oscura destinada a la fotografía de productos, los encabezados adicionales y el texto tridimensional reproduce el acabado del buzón, de modo que la interfaz de usuario y el producto están fabricados con el mismo material. - Brushed Steel
#8e9194— El texto principal, los separadores de lista y los contornos de iconos adicionales se sitúan entre Paper White y Obsidian para los metadatos integrados y los enlaces discretos. - Linen Mist
#a7aaad— El color claro del borde y los separadores para los títulos y las líneas divisorias es un tono sutil que nunca compite con las líneas estructurales del color obsidiana.
Tipografía
de 15 a 57 píxeles · 5 pasos
- PP Neue Montreal — reemplazo: Inter · esquemas 400 (Medium) · Se utiliza un sistema tipográfico de una sola familia para todo, desde el texto principal hasta el texto explicativo; la uniformidad geométrica en el grosor es el sello distintivo, evitando el uso de fuentes secundarias o específicas para la visualización, de modo que el logotipo "CUSTO®" con un tamaño de 57 píxeles se lee como perteneciente a la misma familia tipográfica que la etiqueta del campo de entrada del formulario de 15 píxeles.
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | espacioso |
| Paso básico | 24px |
| Radio del botón | 31.35px (pill) for primary action; 8px for secondary |
| Radio de la tarjeta | 8px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 110px |
| Ancho de página | 1280px |
La IA construirá tu sitio web al estilo de Custo y lo rellenará.
- Rellena con productos y publicaciones a través del enlace - Instagram, TikTok, Facebook.
- Transfiere el contenido de tu antiguo sitio web; solo tienes que especificar la dirección.
- Diseño moderno sobre el mejor motor: React ( Next.js) con renderizado del lado del servidor y optimización SEO integrada.
- Optimización SEO totalmente automatizada para resultados de búsqueda y recomendaciones mediante redes neuronales.
Estilos similares
- 099 SUPPLY — Una pared de galería llena de objetos en blanco y negro.
- Specht Studio — Una pared de galería repleta de sutil curiosidad. El acabado cromado propio del estudio presenta una superficie blanca con letras negras; el impacto visual se concentra por completo en los azulejos del proyecto.
- Structured — Galería renacentista en papel con textura similar a la plastilina.
- Airbnb — Una tranquila pared blanca de la galería con un único marcapáginas de color rojo coral.
- VSCO — La pared monocromática de la galería alberga una exposición de fotografías en blanco y negro, donde un único foco de luz cálida ilumina la acción que se describe a continuación.
- Apple (España) — La galería del museo, bañada por una suave luz natural, es un único espacio blanco, cautivador y etéreo, donde cada pieza está iluminada por un foco contra una pared ligeramente tintada.
- Peak Design — Pared de la galería, parcialmente iluminada
- Apple (España) — La vitrina de la Galería Obsidiana es una sala de exposiciones oscura donde un único objeto de titanio brilla contra un fondo completamente negro.
- Apple (España) — Vitrina blanca para galería
- teenage engineering — Catálogo industrial de iluminación de estudio: el producto es el único elemento significativo de la página, y todo lo demás se discute a su alrededor.
- Apple (España) — Una ventana de galería en la niebla matutina
- Apple (España) — La galería del Museo White al mediodía.