Véu.
Editorial romântico fine art em marfim, sálvia e rosa-antigo, com filetes dourados, Bodoni de alto contraste e palavras manuscritas sobrepostas. Fotos em polaroide e negativo de filme, galeria de revista e ramos florais em traço fino.
- Tipo
- Landing page
- Tema
- Claro
- Títulos
- Bodoni Moda + Pinyon Script
- Texto
- Inter
ParaCasais 25-40 planejando casamento, decisão com calma e alto envolvimento emocional
Seções da página01/09nav com monograma
Editorial romântico "fine art": marfim, grafite quente, sálvia e rosa-antigo, filetes dourados finíssimos. Parece um caderno de casamento impresso, não um template de buffet. O luxo aqui é o respiro.
ParaCasais 25-40 planejando casamento, decisão com calma e alto envolvimento emocional
Paleta
As quatro cores que definem o design e todas as variáveis do tokens.css. Clique para copiar.
Tipografia
Bodoni Moda + Pinyon Script nos títulos, Inter no texto.
TítulosBodoni Moda + Pinyon Script
Aag!
Véu em uma linha
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
TextoInter
A fonte de leitura carrega parágrafos longos sem cansar.
Texto corrido, botões, formulários e legendas. Os títulos ficam com a fonte de destaque; aqui é o dia a dia da página.
0123456789 · R$ 1.234,56 · 25/09 às 19h30
Para quem serve
O que a skill /escolher-design compara com o cliente.
- marca com tons neutros, verde-sálvia, rosa-antigo ou dourado
- fotógrafo com portfólio forte e fotos autorizadas
- serviço caro vendido por consulta de data
- atendimento sob medida, poucos eventos por ano
- tech/SaaS
- festa infantil ou balada
- preço baixo/volume
- marca com cores saturadas ou neon
- público que precisa de preço fechado na hora
Tom
O que faz ser Véu
As assinaturas do DESIGN.md: o que não pode faltar ao aplicar.
- 01
Título Bodoni + palavra manuscrita rosa sobreposta à linha de cima (
Titulocomtituloescript). - 02
Fotos em polaroide e negativo de filme levemente giradas no hero (
--veu-giro), com contador circular "faltam X dias" (decorativo e estático). - 03
Monograma do casal/marca em círculo duplo dourado, na nav, no manifesto e no rodapé.
- 04
Galeria assimétrica de revista em grade de 12 colunas, legenda numerada
01em itálico dourado. - 05
Linha do tempo vertical do grande dia: fio dourado central, horários em itálico sálvia alternando os lados.
- 06
Pacotes com "a partir de", o do meio com moldura dourada interna.
- 07
Formulário "conte sobre o seu dia" com campos só de linha (data, convidados, cidade).
- 08
Ramos florais em traço fino (
Ramo) que se desenham na entrada.
Regras do jogo
Direto do DESIGN.md.
Identidade
- Fundo marfim
#faf7f2, nunca branco puro. Blocos alternados emsurface-2(#f3eee6, linho) com fileteborder-border/70. - Texto grafite quente
#37322f; secundário#857b73. Nada de preto. - Primária sálvia
#66755fsó em botão, horários da linha do tempo e a palavra em itálico do hero. - Rosa-antigo
#bd8f88(accent) só nas palavras manuscritas e no "&" do monograma. - Dourado
--veu-ouro#b89a62só em traço de 1px: filetes (.veu-filete), círculos do monograma, molduras internas e numeração. Nunca em fundo ou texto longo. - Fontes: Bodoni Moda (
font-display) nos títulos, peso normal, itálico para ênfase. Pinyon Script (.veu-script) só para 1 a 3 palavras por título, sempre sobreposta e levemente girada. Inter pequena (13-15px) com entrelinha larga; rótulos em caixa-altatext-[10px] tracking-[0.3em+].
Regras
- Respiro máximo: seções
py-28 md:py-40, larguramax-w-7xl. Na dúvida, mais espaço. - Máximo de 2 botões por tela. Botão primário retangular, caixa-alta espaçada; o secundário é link com filete dourado.
- Cantos quase retos (
rounded-d= 2px). Nada de pílula. - Animação calma:
data-sobeno hero,data-revelaabaixo da dobra, fotos que assentam (veu-assenta) e ramos que se desenham (veu-traco). Tudo respeitaprefers-reduced-motion. - Sem ícones. O ornamento é o traço (filete, ramo, círculo).
- Posicionar fotos giradas com um wrapper
absolute; a rotação fica no filho.veu-assenta.
Adaptar à marca do cliente
- Cor própria da marca: troque
--d-primary(botão) e, se precisar,--d-accent(manuscrita). Mantenha marfim, grafite e dourado. - Espaço de eventos ou buffet: troque "Fotografia" por "Gastronomia"/"Espaço" nos serviços e a linha do tempo pelo roteiro do evento.
- Vestido de noiva: a galeria vira coleção (legenda = nome do modelo) e os pacotes viram "prova", "sob medida", "aluguel".
- Convite digital: mantenha monograma e contador em destaque; pacotes viram modelos de convite.
- Marca vibrante, festa jovem ou venda por volume? Esse design provavelmente não é o certo.
Dois arquivos.
Um prompt.
O Véu vira o sistema do seu agente de código: ele monta qualquer tela com esta cara, não só a landing de exemplo.
Prompt para o agente
Leia o DESIGN.md na raiz do projeto e siga as regras dele em toda tela. Importe o sistema.css uma única vez no ponto de entrada do projeto e use as classes e tokens dele em vez de criar estilos novos. Antes de cada mudança de interface, releia o DESIGN.md.
- 01Baixe os dois arquivosDESIGN.md (as regras visuais) e sistema.css (tokens, componentes e as assinaturas do design).
- 02Coloque no projetoDESIGN.md na raiz. O sistema.css importado uma vez no ponto de entrada: funciona em React, Vue, Svelte, HTML ou WordPress.
- 03Cole o prompt no seu agenteEle lê as regras e passa a montar qualquer tela (login, preços, painel) com a cara do design.
- 04Deixe a regra fixaColoque o prompt nas regras do projeto do agente para toda tela nova seguir as mesmas cores, fontes e espaçamentos.
Parecidos
Landings com tom ou nicho em comum com Véu.