LUNCH
podio de veludo sobre pergamiño cálido
LUNCH CONCEPT lese como un editorial de moda impreso traducido á web: un elemento fotográfico principal escuro a páxina completa, onde o logotipo da marca se presenta como texto 3D ampliado con detalles cromados, seguido dunha galería de produtos tranquila, semellante a un catálogo, sobre pergamiño cálido. A páxina alterna entre a confrontación cinematográfica e a moderación silenciosa: o elemento principal ataca, a sección principal susurra. Unha única cor lavanda apagada aparece só na liña do anuncio, no estado "Esgotado" e no pé de páxina, servindo como unha declaración de marca en lugar de como un berro. Úsase principalmente unha única fonte sans-serif característica (Good Sans) en tamaños modestos, e o logotipo principal é o único momento de espectáculo tipográfico. A interacción prodúcese unicamente a través de ligazóns de texto: sen botóns cheos, sen degradados, sen cromo decorativo, agás o logotipo 3D do elemento principal.
Largura máxima ~1280 px para seccións de contido centradas; o título da páxina abrangue toda a anchura da páxina de bordo a bordo. Ritmo da páxina: título da páxina escuro que abrangue toda a anchura da páxina (altura da ventá gráfica) → texto introdutorio centrado sobre un fondo escuro → grella de produtos de 4-5 columnas sobre o mesmo fondo → franxa de pé de páxina con veo lila. A navegación está situada como unha fina franxa de texto enriba do título da páxina (texto claro sobre un fondo escuro) e enriba do texto introdutorio (texto escuro sobre un fondo claro). A grella de produtos ten un deseño denso con aliñamento interno, sen sangrías entre imaxes nin separación visual. O texto introdutorio é unha columna estreita e centrada (~600-700 px) cun espazo vertical xeneroso (60-80 px) enriba e abaixo. Densidade xeral: espaciosa nas seccións editoriais, comprimida na grella de produtos.
A fotografía editorial de moda domina o deseño: a imaxe principal presenta fotos escuras e de alto contraste de modelos (iluminación sombría de estudio, estilo vangardista: corsís de coiro vermello, estampados a cadros, poses rechamantes), mentres que a cuadrícula presenta tomas nítidas de produtos/lookbook sobre un fondo plano e neutro (as modelos e os produtos son fotografados sobre un fondo gris claro/branco, sen contexto de estilo de vida). As imaxes teñen bordos nítidos, un radio cero e están aliñadas estreitamente coas imaxes adxacentes da cuadrícula. A imaxe principal ocupa os catro bordos da ventá gráfica e un logotipo cromado en 3D solapase sobre o obxecto. As imaxes de produtos na cuadrícula manteñen unha proporción consistente de altura a anchura en toda a fila. Non hai ilustracións nin iconas, agás unha navegación de texto mínima. A linguaxe visual é: fotografa ben, recorta con nitidez e deixa que a foto sexa a cara da marca.
Paleta
Marca
- Lilac Veil
#b8aad0— Recheo morado para resaltar o fondo, raias decorativas e un toque suave detrás do contido.
Neutro
- Ink Black
#000000— Todo o texto do corpo, o texto de navegación, os bordos das ligazóns, os bordos das tarxetas e os bordos das iconas forman a liña estrutural de toda a interface. - Warm Parchment
#f4f1e4— O fondo das páxinas e seccións da área editorial/de produtos é un fondo tranquilo sobre o que se colocan fotografías de produtos. - Ivory Mist
#fcfaf1— A cor do texto de navegación enriba do elemento principal escuro, un matiz sutil de textura e os bordos sutís proporcionan unha alternativa máis cálida ao branco puro para a interface de usuario na sección escura.
Tipografía
de 12 a 72 px · 5 pasos
- Good Sans — substitución: Söhne · contornos 400, 700 · Un tipo de letra universal para navegación, texto do corpo, metadatos de produtos, ligazóns e todo o texto da interface de usuario. O sistema de dobre peso (normal 400 para texto/títulos do corpo, negra 700 para nomes de marcas, prezos e elementos destacados) crea xerarquía sen aumentar o tamaño. O espazado entre letras positivo case nulo faino máis editorial que xeométrico.
- Redaction — substitución: GT Sectra Display Bold · contornos 700 · Só para o texto do corpo: esta é unha fonte personalizada para o texto grande de Chrome "LUNCH" que serve como base para o texto do corpo a pantalla completa. Úsase exactamente unha vez por páxina; é unha sinatura tipográfica, non un compoñente reutilizable.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Paso básico | 20-30px |
| Radio do botón | 0px |
| Radio da tarxeta | 0px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 60-80px |
| Largura da páxina | 1280px |
A IA creará o teu sitio web ao estilo de LUNCH 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
- MindMarket — Un acolledor libro de conto de fadas sobre papel crema: un lenzo editorial amigable onde grandes titulares de Inter e personaxes de papel recortados conviven nunha superficie suave como unha pegatina bañada polo sol.
- Lamborghini — Cor negra da carrozaría na sala de exposicións, baixo os focos: un coche amarelo
- amp — Laranxa cálido sobre un fondo branco frío. O deseño lembra un produto de fitness de alta calidade fotografado nun faiado soleado: un artigo, un acento, unha fonte segura que fai todo o traballo.
- IKEA — unha sala de exposicións de mobles suecos bañada polo sol en forma desmontada
- Microsoft — O catálogo de venda polo miúdo usa unha cor azul característica: imaxina un logotipo cadrado no chan branco dunha sala de exposicións, onde todos os elementos de deseño son azuis.
- Vibrants — Farmacia Skyborne sobre mármore branco: a tinta azul escura é o morteiro e o espectro do arco da vella é a medicina
- Isla Beauty — Estilo boticario cremoso con detalles en vermello cirúrxico: imaxina paredes de pergamiño cálidas, botellas de ámbar e un único selo vermello en cada etiqueta.
- Swap — Galería editorial de Mint: Tons salvia claros en habitacións con detalles de lima brillantes e sutís serifas
- Cursor — Un acolledor taller de pergamiño, iluminado por brasas fumegantes
- Structured — Galería renacentista en papel tipo plastilina
- 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.
- Amplemarket — Un lugar de traballo bañado polo sol cheo de confeti