LUNCH
pódio de veludo sobre pergaminho quente
O conceito da LUNCH se assemelha a um editorial de moda impresso transposto para a web: uma foto principal escura, ocupando a página inteira, onde o logotipo da marca é apresentado como um texto 3D ampliado com detalhes cromados, seguida por uma galeria de produtos tranquila, em estilo de catálogo, sobre um fundo em tom pergaminho quente. A página alterna entre confronto cinematográfico e contenção silenciosa — o elemento principal ataca, a seção principal sussurra. Uma única cor lavanda suave aparece apenas no anúncio, na indicação de "Esgotado" e no rodapé, servindo como uma declaração da marca, e não como um grito. Uma única fonte sem serifa (Good Sans) é usada principalmente em tamanhos modestos, e o logotipo principal é o único momento de espetáculo tipográfico. A interação ocorre exclusivamente por meio de links de texto: sem botões preenchidos, sem gradientes, sem detalhes cromados decorativos, exceto pelo logotipo 3D do elemento principal.
Largura máxima de aproximadamente 1280px para seções de conteúdo centralizadas; o título da página ocupa toda a largura da página, de ponta a ponta. Ritmo da página: título escuro ocupando toda a largura da página (altura da viewport) → texto introdutório centralizado em fundo escuro → grade de produtos com 4 a 5 colunas no mesmo fundo → rodapé lilás. A navegação é apresentada como uma faixa de texto fina acima do título da página (texto claro em fundo escuro) e acima do texto introdutório (texto escuro em fundo claro). A grade de produtos possui um layout denso com alinhamento interno, sem recuos entre as imagens ou separação visual. O texto introdutório é uma coluna estreita e centralizada (aproximadamente 600-700px) com amplo espaço vertical (60-80px) acima e abaixo. Densidade geral: espaçosa nas seções editoriais, compacta na grade de produtos.
A fotografia de moda editorial domina o design: a imagem principal apresenta fotos escuras e de alto contraste de modelos (iluminação de estúdio sóbria, styling de vanguarda — espartilhos de couro vermelho, xadrezes, poses marcantes), enquanto a grade exibe fotos nítidas de produtos/lookbooks contra um fundo plano e neutro (modelos e produtos são fotografados contra um fundo cinza claro/branco, sem contexto de estilo de vida). As imagens têm bordas nítidas, raio zero e estão alinhadas com precisão às imagens adjacentes na grade. A imagem principal ocupa todas as quatro bordas da área de visualização, e um logotipo cromado em 3D sobrepõe-se ao objeto. As imagens dos produtos na grade mantêm uma proporção consistente entre altura e largura em toda a linha. Não há ilustrações ou ícones, além de uma navegação textual mínima. A linguagem visual é: fotografe bem, recorte com precisão e deixe a foto ser a cara da marca.
Paleta
Marca
- Lilac Veil
#b8aad0— Preenchimento roxo para realçar o fundo, criar listras decorativas e um leve toque de cor atrás do conteúdo.
Neutro
- Ink Black
#000000— Todo o texto do corpo, o texto de navegação, as bordas dos links, as bordas dos cartões e as bordas dos ícones formam a linha estrutural de toda a interface. - Warm Parchment
#f4f1e4— O fundo das páginas e seções da área editorial/de produtos é um fundo neutro sobre o qual são colocadas as fotografias dos produtos. - Ivory Mist
#fcfaf1— A cor do texto de navegação sobre o elemento principal escuro, uma leve tonalidade de textura e bordas sutis oferecem uma alternativa mais acolhedora ao branco puro para a interface do usuário na seção escura.
Tipografia
de 12 a 72px · 5 etapas
- Good Sans — substituição: Söhne · esboços 400, 700 · Uma tipografia universal para navegação, texto corrido, metadados de produtos, links e todo o texto da interface do usuário. O sistema de duas espessuras (normal 400 para texto corrido/títulos, negrito 700 para nomes de marcas, preços e destaques) cria hierarquia sem aumentar o tamanho. O espaçamento entre letras quase nulo confere-lhe um caráter mais editorial do que geométrico.
- Redaction — substituição: GT Sectra Display Bold · esboços 700 · Somente para o corpo do texto — Esta é uma fonte personalizada para o texto grande e cromado "ALMOÇO", que serve como base para o corpo do texto em tela cheia. Ela é usada exatamente uma vez por página; é uma assinatura tipográfica, não um componente reutilizável.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Passo básico | 20-30px |
| Raio do botão | 0px |
| Raio do cartão | 0px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 60-80px |
| Largura da página | 1280px |
A IA criará seu site no estilo LUNCH e o preencherá.
- Compartilhe produtos e publicações através dos links - Instagram, TikTok, Facebook.
- Transfira o conteúdo do seu site antigo — basta especificar o endereço.
- Design moderno na melhor engine: React ( Next.js) com renderização no servidor e otimização de SEO integradas.
- Otimização de SEO totalmente automatizada para resultados de pesquisa e recomendações de redes neurais.
Estilos semelhantes
- MindMarket — Um livro de contos de fadas aconchegante em papel creme - uma tela editorial amigável onde grandes manchetes da Inter e personagens de papel recortado coexistem em uma superfície ensolarada e macia como adesivos.
- Lamborghini — Carroceria preta no showroom, sob os holofotes - um carro amarelo.
- amp — Tons quentes de laranja sobre um fundo branco frio. O design remete a um produto fitness premium fotografado em um loft ensolarado: um item, um detalhe, uma fonte marcante que faz todo o trabalho.
- IKEA — um showroom de móveis sueco banhado de sol, em sua forma desmontada.
- Microsoft — O catálogo de varejo utiliza uma cor azul característica — imagine um logotipo quadrado em um piso branco de showroom, onde todos os elementos de design são azuis.
- Vibrants — Farmácia Skyborne em mármore branco - a tinta azul escura representa a argamassa e o espectro do arco-íris, o remédio.
- Isla Beauty — Estilo boticário cremoso com toques de vermelho cirúrgico — imagine paredes em tom pergaminho quente, frascos âmbar e um único carimbo vermelho em cada rótulo.
- Swap — Galeria Editorial da Mint: Tons de verde-sálvia claro em ambientes com detalhes em verde-limão vibrante e serifas sutis.
- Cursor — Uma oficina de pergaminho aconchegante, iluminada por brasas fumegantes.
- Structured — Galeria renascentista em papel semelhante à plasticina
- Apple (España) — A galeria do museu, sob uma suave luz natural, é um espaço único, cativante e etéreo, todo branco, com cada peça da exposição iluminada por um foco de luz contra uma parede levemente colorida.
- Amplemarket — Um local de trabalho banhado de sol e coberto de confetes.