Meldê

Uma marca de mel cremoso criada do zero: o nome em minúsculas com o ê como assinatura, o rótulo, o design system e a landing que valida o lançamento antes da loja.

Ver o site no ar ↗

Cliente: Meldê
Segmento: Alimentos · mel cremoso
Combo: Identidade visual + Landing page
Ano: 2026

Topo da landing da Meldê: o título “Mel, só que cremoso.” ao lado do pote e de uma colher puxando o mel.

Desafio

Mel cremoso é pouco conhecido e, quando aparece, vem vestido de rústico: abelha, favo, papel kraft. A Meldê precisava parecer um produto de prateleira desejável, perto do doce de leite no uso e longe da loja natural e do suplemento.

O que fizemos

Criamos a identidade do zero e fizemos da página o rótulo do pote aberto em plano: fundos branco de rótulo e marrom de tampa, o dourado guardado para o produto e para a ação, fotografia macro da textura e um único fio de mel que atravessa a página do topo até o pedido final.

Em movimento

Destaques técnicos

Um fio de mel que acompanha a leitura
Desenhado em SVG a partir do layout real, o fio cresce com o scroll: grosso na colher, afinando com o peso, com borda âmbar e uma gota na ponta. A cada quadro só o trecho da ponta é redesenhado.
Rótulo aplicado por código
O pote de referência foi gerado com o rótulo em branco. O rótulo real foi enrolado no vidro por projeção cilíndrica e recortado com máscara própria, num script em Python.
Design system pronto para a loja
Cores, tipografia, espaçamento e movimento em tokens CSS; botões, campos, tabelas e janelas como componentes separados da página. O e-commerce nasce sobre a mesma base.
Leve, sem framework
HTML, CSS e JavaScript puros, sem build: uma única fonte variável hospedada no projeto, imagens WebP responsivas e nenhuma dependência externa.
Acessível por padrão
Contraste AA verificado nos pares de texto, seletor de momentos navegável pelo teclado e, com “reduzir movimento” ativo, a página aparece pronta e o fio já desenhado.

StackHTMLCSSJavaScriptSVGPythonVercel

O que mudou

Uma marca pronta para a prateleira e para a loja: logo, rótulo, manual de marca, design system documentado e uma landing leve com lista de espera, que mede o interesse antes do e-commerce.