LUNCH
podi de vellut sobre pergamí càlid
LUNCH CONCEPT es llegeix com un editorial de moda imprès traduït a la web: un element fotogràfic principal fosc a tota la pàgina, on el logotip de la marca es presenta com a text 3D ampliat amb detalls cromats, seguit d'una galeria de productes tranquil·la, semblant a un catàleg, sobre pergamí càlid. La pàgina alterna entre la confrontació cinematogràfica i la contenció silenciosa: l'element principal ataca, la secció principal xiuxiueja. Un únic color lavanda apagat només apareix a la línia de l'anunci, a l'estat "Esgotat" i al peu de pàgina, i serveix com a declaració de marca en lloc d'un crit. S'utilitza principalment una única font sans-serif característica (Good Sans) en mides modestes, i el logotip principal és l'únic moment d'espectacle tipogràfic. La interacció es produeix únicament a través d'enllaços de text: sense botons omplerts, sense degradats, sense crom decoratiu, excepte el logotip 3D de l'element principal.
Amplada màxima ~1280 px per a seccions de contingut centrades; el títol de la pàgina abasta tota l'amplada de la pàgina de vora a vora. Ritme de la pàgina: títol de pàgina fosc que abasta tota l'amplada de la pàgina (alçada de la finestra gràfica) → text introductori centrat sobre un fons fosc → graella de producte de 4-5 columnes sobre el mateix fons → tira de peu de pàgina de color lila. La navegació es troba com una tira de text fina a sobre del títol de la pàgina (text clar sobre un fons fosc) i a sobre del text introductori (text fosc sobre un fons clar). La graella de producte té un disseny dens amb alineació interna, sense sagnats entre imatges ni separació visual. El text introductori és una columna estreta i centrada (~600-700 px) amb un espai vertical generós (60-80 px) a sobre i a sota. Densitat general: espaiosa a les seccions editorials, comprimida a la graella de producte.
La fotografia de moda editorial domina el disseny: la imatge principal presenta fotos fosques i d'alt contrast de models (il·luminació d'estudi ombrívola, estil avantguardista: cotilles de cuir vermell, quadres escocesos, postures impactants), mentre que la quadrícula presenta imatges nítides de productes/lookbook sobre un fons pla i neutre (les models i els productes es fotografien sobre un fons gris clar/blanc, sense context d'estil de vida). Les imatges tenen vores nítides, un radi zero i estan estretament alineades amb les imatges adjacents de la quadrícula. La imatge principal ocupa les quatre vores de la finestra gràfica i un logotip cromat en 3D se superposa a l'objecte. Les imatges de productes de la quadrícula mantenen una relació alçada-amplada consistent a tota la fila. No hi ha il·lustracions ni icones, a part d'una navegació de text mínima. El llenguatge visual és: disparar bé, retallar amb nitidesa i deixar que la foto sigui la cara de la marca.
Paleta
Marca
- Lilac Veil
#b8aad0— Emplenament morat per a ressaltats de fons, franges decoratives i un accent suau darrere del contingut.
Neutral
- Ink Black
#000000— Tot el text del cos, el text de navegació, les vores dels enllaços, les vores de les targetes i les vores de les icones formen la línia estructural de tota la interfície. - Warm Parchment
#f4f1e4— El fons de les pàgines i seccions de l'àrea editorial/de producte és un fons tranquil sobre el qual es col·loquen fotografies de producte. - Ivory Mist
#fcfaf1— El color del text de navegació a sobre de l'element principal fosc, un to subtil de textura i les vores subtils proporcionen una alternativa més càlida al blanc pur per a la interfície d'usuari a la secció fosca.
Tipografia
de 12 a 72 px · 5 passos
- Good Sans — reemplaçament: Söhne · esquemes 400, 700 · Una tipografia universal per a navegació, text del cos, metadades de productes, enllaços i tot el text de la interfície d'usuari. El sistema de doble pes (normal 400 per a text/encapçalaments del cos, negreta 700 per a noms de marques, preus i ressaltats) crea jerarquia sense augmentar la mida. L'espaiat positiu entre lletres gairebé zero la fa més editorial que geomètrica.
- Redaction — reemplaçament: GT Sectra Display Bold · esquemes 700 · Només per al text del cos: aquesta és una font personalitzada per al text gran de Chrome "LUNCH" que serveix com a base per al text del cos a pantalla completa. S'utilitza exactament una vegada per pàgina; és una signatura tipogràfica, no un component reutilitzable.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | dens |
| Pas bàsic | 20-30px |
| Radi del botó | 0px |
| Radi de la targeta | 0px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 60-80px |
| Amplada de la pàgina | 1280px |
La IA crearà el vostre lloc web a l'estil LUNCH i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- MindMarket — Un llibre de conte de fades acollidor sobre paper crema: un llenç editorial agradable on grans titulars d'Inter i personatges de paper retallats conviuen sobre una superfície suau com un adhesiu banyada pel sol.
- Lamborghini — Color negre de la carrosseria a la sala d'exposició, sota els focus: un cotxe groc
- amp — Taronja càlid sobre un fons blanc fred. El disseny recorda un producte de fitness premium fotografiat en un loft assolellat: un article, un accent, una font segura que fa tota la feina.
- IKEA — una sala d'exposició de mobles sueca assolellada en forma desmuntada
- Microsoft — El catàleg de venda al detall utilitza un color blau característic: imagineu-vos un logo quadrat sobre el terra blanc d'una sala d'exposició, on tots els elements de disseny són en blau.
- Vibrants — Farmàcia Skyborne sobre marbre blanc: la tinta blau fosc és el morter i l'espectre de l'arc de Sant Martí és la medicina
- Isla Beauty — Estil d'apotecaria cremós amb detalls de vermell quirúrgic: penseu en parets de pergamí càlides, ampolles d'ambre i un únic segell vermell a cada etiqueta.
- Swap — Galeria editorial de Mint: Tons sàlvia clars en habitacions amb detalls de llima brillant i serifs subtils
- Cursor — Un acollidor taller de pergamí, il·luminat per brases fumejants
- Structured — Galeria renaixentista sobre paper semblant a la plastilina
- Apple (España) — La galeria del museu, a la llum suau del dia, és un espai blanc únic, captivador i sense pes, amb cada exposició il·luminada per un focus contra una paret lleugerament tintada.
- Amplemarket — Un lloc de treball assolellat i ple de confeti