COS
una galería moderna con paredes blancas
COS utiliza la gramática visual de una galería de arte contemporáneo: amplias paredes blancas, fotografías monocromáticas de gran formato y tipografía que no interfiere con los modelos. La interfaz es prácticamente incolora —acromática—, utilizando un negro casi puro (#080808) sobre blanco puro (#ffffff) como único contraste estructural, con un toque de rojo (#c80000) reservado como acento sutil para momentos que deben sentirse urgentes pero no evidentes. El espaciado es generoso y editorialmente apropiado, con sangrías de sección que alcanzan los 135 px, y los componentes se funden con la página: bordes finos en #dadada, sin sombras, sin degradados, sin esquinas redondeadas. La tipografía (SuisseIntl) es el único adorno: una única familia tipográfica grotesca que se mantiene consistente desde las microetiquetas de 12 px hasta las descripciones de categoría de 35 px, desplazándose ligeramente hacia el positivo para evocar las tipografías de la galería.
El modelo de página de altura completa —el lienzo se extiende de borde a borde sin un contenedor de ancho máximo, y el contenido se ancla mediante imágenes divisorias y espacio en blanco en lugar de una columna centrada. El héroe es una división vertical 50/50 de dos retratos editoriales de ancho completo, tan dominante que sirve como tarjeta de presentación estructural de la marca. Debajo del héroe, las secciones alternan entre bloques de texto sobre un fondo blanco (centrados, en una sola columna) e imágenes adicionales de altura completa. El ritmo vertical es espacioso: los espacios entre secciones crean una sensación de espacio entre las franjas, como en la pared de un museo. La navegación es una única franja blanca delgada con un logotipo centrado y un selector de idioma alineado a la derecha; no hay barra de categorías horizontal, ni megamenú visible en el marco principal. La densidad de información es baja: una declaración por sección, una imagen por idea.
Fotografías editoriales de moda de gran formato dominan la página: retratos de ancho completo y planos de tres cuartos de modelo, bajo iluminación de estudio controlada, predominantemente neutra y con tonos cálidos y sobrios. Las imágenes están muy juntas, llenando el espacio de borde a borde, sin esquinas redondeadas, máscaras decorativas ni marcos superpuestos. Una técnica distintiva es el encuadre de "dos retratos uno al lado del otro" (MUJER / HOMBRE): dos retratos igualmente importantes colocados uno al lado del otro, cada uno etiquetado con una sola categoría en la esquina inferior izquierda. Las fotografías están enmarcadas como impresiones de galería: el sujeto es prominente, el contexto está ausente, la escala humana está ausente y la paleta es monocromática. Sin escenas de la vida real, sin atrezzo, sin fondos texturizados.
Paleta
Neutral
- Canvas White
#ffffff— Una superficie de soporte ligera para crear un fondo discreto y separar secciones. No debe usarse como color principal para la llamada a la acción. - Ink Black
#080808— Texto principal, iconos, enlaces, tipo de navegación, bordes de botones, logotipo, texto del pie de página: un color más suave que el negro puro para evitar que las fotos aparezcan demasiado nítidas sobre él. - True Black
#000000— Superposición del texto principal sobre imágenes oscuras, texto del cuerpo, etiquetas de botones: el negro puro se utiliza solo para los elementos tipográficos de mayor contraste. - Mist Gray
#dadada— Bordes sutiles, campos de entrada subrayados, separadores discretos, contornos cuando están desactivados: el tono neutro más silencioso, visible solo por lo que separa. - Signal Red
#c80000— El color rojo sirve como acento adicional para los detalles decorativos y para enfatizar las bajas frecuencias.
Tipografía
de 12 a 35 píxeles · 3 pasos
- SuisseIntl — reemplazo: Neue Haas Grotesk Display · esquemas 400, 500, 700 · Se utiliza una única fuente en toda la interfaz para la navegación, el texto principal, los encabezados, los botones y las descripciones de productos. El espaciado positivo entre letras (0,01–0,04em) es inusual para una fuente de pantalla y realza la sensación de un catálogo impreso; se reserva un grosor de 700 para las descripciones de categorías, 500 para la navegación y los botones, y 400 para todo lo demás. La identidad visual es coherente con una única familia tipográfica y un rango de tamaño muy reducido (12–35px); la fuente nunca resulta dominante.
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | espacioso |
| Paso básico | 8px |
| Radio del botón | 0px |
| Radio de la tarjeta | 0px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 135px |
La IA construirá tu sitio web al estilo de COS 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
- Airbnb — Una tranquila pared blanca de la galería con un único marcapáginas de color rojo coral.
- Apple (España) — Vitrina blanca para galería
- Silencio — Una habitación blanca con objetos suspendidos en el aire. Una exposición de arte hecha de papel cálido, donde cada elemento ocupa su lugar sobre un fondo de volumen negativo, y el silencio es una decisión de diseño intencionada.
- Oakâme — Un taller provenzal bañado por el sol, tallado en piedra cálida.
- Nike — Una galería monocromática de logros deportivos: paredes blancas, el producto como obra de arte, el cromo disuelto en el fondo.
- Arc — Galería industrial blanca sobre agua a medianoche
- Rivian — Un monolito eléctrico sobre la pared de hormigón de la galería. Rivian presenta cada vehículo como una escultura sobre un vasto espacio blanco, con una tipografía tan grande que se convierte en un elemento arquitectónico, y un único amarillo cálido que rompe la atmósfera monocromática, como la luz del sol sobre una superficie mate.
- Analogue — Vitrina negra para galería: los objetos flotan en el vacío.
- ddna — Vitrina de museo cálida sobre lino sin tratar
- Zellerfeld — El taller de un escultor sobre mármol blanco: las superficies monolíticas del pedestal, una chispa de cobalto, un susurro de letras minúsculas del suelo al techo.
- UY Studio — La galería de piedra del monasterio es un espacio tranquilo con paredes de hormigón, donde frascos de perfume reposan sobre pedestales blancos, iluminados por una lámpara de 400 vatios y cuatro bombillas de color gris cálido.
- Basic.Space — galería curatorial sobre mármol blanco