LUNCH
podio de terciopelo sobre pergamino cálido
LUNCH CONCEPT se lee como un editorial de moda impreso traducido a la web: un elemento fotográfico principal oscuro a página completa, donde el logotipo de la marca se presenta como texto 3D ampliado con detalles cromados, seguido de una galería de productos tranquila, al estilo de un catálogo, sobre un pergamino cálido. La página alterna entre la confrontación cinematográfica y la sobriedad silenciosa: el elemento principal ataca, la sección principal susurra. Un único color lavanda tenue aparece solo en el texto publicitario, en el estado "Agotado" y en el pie de página, sirviendo como una declaración de marca más que como un grito. Se utiliza una única fuente sans-serif distintiva (Good Sans) principalmente en tamaños modestos, y el logotipo principal es el único momento de espectáculo tipográfico. La interacción se produce únicamente a través de enlaces de texto: sin botones rellenos, sin degradados, sin cromo decorativo, salvo el logotipo 3D del elemento principal.
Ancho máximo ~1280px para secciones de contenido centradas; el título de la página abarca todo el ancho de la página de borde a borde. Ritmo de la página: título de página oscuro que abarca todo el ancho de la página (altura de la ventana gráfica) → texto introductorio centrado sobre un fondo oscuro → cuadrícula de productos de 4-5 columnas sobre el mismo fondo → tira de pie de página de velo lila. La navegación se encuentra como una tira de texto delgada sobre el título de la página (texto claro sobre un fondo oscuro) y sobre el texto introductorio (texto oscuro sobre un fondo claro). La cuadrícula de productos tiene un diseño denso con alineación interna, sin sangrías entre imágenes ni separación visual. El texto introductorio es una columna estrecha y centrada (~600-700px) con un generoso espacio vertical (60-80px) arriba y abajo. Densidad general: espaciosa en las secciones editoriales, comprimida en la cuadrícula de productos.
La fotografía editorial de moda domina el diseño: la imagen principal presenta fotos oscuras y de alto contraste de modelos (iluminación de estudio sobria, estilismo vanguardista: corsés de cuero rojo, cuadros escoceses, poses impactantes), mientras que la cuadrícula presenta fotos nítidas de productos/lookbooks sobre un fondo plano y neutro (modelos y productos fotografiados sobre un fondo gris claro/blanco, sin contexto de estilo de vida). Las imágenes tienen bordes definidos, radio cero y están alineadas con precisión con las imágenes adyacentes en la cuadrícula. La imagen principal ocupa los cuatro bordes de la ventana gráfica y un logotipo cromado en 3D se superpone al objeto. Las imágenes de productos en la cuadrícula mantienen una proporción constante de altura a anchura en toda la fila. No hay ilustraciones ni iconos, salvo una navegación de texto mínima. El lenguaje visual es: fotografía de calidad, recorte preciso y deja que la foto sea la imagen de la marca.
Paleta
Marca
- Lilac Veil
#b8aad0— Relleno morado para resaltar el fondo, crear franjas decorativas y dar un toque sutil detrás del contenido.
Neutral
- Ink Black
#000000— Todo el texto principal, el texto de navegación, los bordes de los enlaces, los bordes de las tarjetas y los bordes de los iconos conforman la línea estructural de toda la interfaz. - Warm Parchment
#f4f1e4— El fondo de las páginas y secciones del área editorial/de producto es un fondo sobrio sobre el que se colocan las fotografías de los productos. - Ivory Mist
#fcfaf1— El color del texto de navegación sobre el elemento principal oscuro, un sutil matiz de textura y bordes discretos ofrecen una alternativa más cálida al blanco puro para la interfaz de usuario en la sección oscura.
Tipografía
de 12 a 72 píxeles · 5 pasos
- Good Sans — reemplazo: Söhne · esquemas 400, 700 · Una tipografía universal para navegación, texto principal, metadatos de productos, enlaces y todo el texto de la interfaz de usuario. Su sistema de doble grosor (400 para texto principal y títulos, y negrita 700 para nombres de marca, precios y elementos destacados) crea jerarquía sin aumentar el tamaño. El espaciado casi nulo entre letras le confiere un estilo más editorial que geométrico.
- Redaction — reemplazo: GT Sectra Display Bold · esquemas 700 · Solo para texto principal: esta es una fuente personalizada para el texto grande y brillante "LUNCH" que sirve de base para el texto principal a pantalla completa. Se usa exactamente una vez por página; es una firma tipográfica, no un componente reutilizable.
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | denso |
| Paso básico | 20-30px |
| Radio del botón | 0px |
| Radio de la tarjeta | 0px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 60-80px |
| Ancho de página | 1280px |
La IA construirá tu sitio web al estilo de LUNCH 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
- MindMarket — Un acogedor libro de cuentos de hadas en papel color crema: un lienzo editorial amigable donde grandes titulares y personajes de papel recortados coexisten en una superficie suave como una pegatina, bañada por el sol.
- Lamborghini — Carrocería negra en la sala de exposición, bajo los focos: un coche amarillo.
- amp — Naranja cálido sobre un fondo blanco frío. El diseño recuerda a un producto deportivo de alta gama fotografiado en un loft bañado por el sol: un elemento, un detalle, una tipografía segura que lo dice todo.
- IKEA — una sala de exposición de muebles suecos bañada por el sol, pero desmontada.
- Microsoft — El catálogo de venta al por menor utiliza un color azul característico: imagínese un logotipo cuadrado sobre el suelo blanco de una sala de exposición, donde cada elemento de diseño es azul.
- Vibrants — Farmacia Skyborne sobre mármol blanco: la tinta azul oscuro es el mortero y el espectro del arcoíris es la medicina.
- Isla Beauty — Estilo boticario cremoso con toques de rojo quirúrgico: imagínese paredes de pergamino cálido, frascos de color ámbar y un único sello rojo en cada etiqueta.
- Swap — Galería editorial Mint: Tonos verde salvia claro en habitaciones con detalles en verde lima brillante y sutiles serifas.
- Cursor — Un acogedor taller de pergamino, iluminado por brasas humeantes.
- Structured — Galería renacentista en papel con textura similar a la plastilina.
- 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.
- Amplemarket — Un lugar de trabajo bañado por el sol y cubierto de confeti.