Véu.
Romantic fine art editorial in ivory, sage and dusty rose, with gold rules, high-contrast Bodoni and overlapping handwritten words. Polaroid and film-negative photos, magazine gallery and thin-line floral sprigs.
- Type
- Landing page
- Theme
- Light
- Headings
- Bodoni Moda + Pinyon Script
- Body
- Inter
ForCouples 25-40 planning a wedding, deciding calmly and with high emotional involvement
Page sections01/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.
From DESIGN.md, which is in Portuguese for now.
ForCouples 25-40 planning a wedding, deciding calmly and with high emotional involvement
Palette
The four colors that define the design and every variable in tokens.css. Click to copy.
Typography
Bodoni Moda + Pinyon Script for headings, Inter for body text.
HeadingsBodoni Moda + Pinyon Script
Aag!
Véu in one line
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
BodyInter
The reading font carries long paragraphs without tiring the eye.
Running text, buttons, forms and captions. Headings get the display font; this is the page's everyday voice.
0123456789 · $1,234.56 · Sep 25, 7:30 PM
Who it's for
What the AI compares with your client to pick the design.
- brand with neutral tones, sage green, dusty rose or gold
- photographer with a strong portfolio and approved photos
- high-ticket service sold by date inquiry
- tailored service, few events per year
- tech/SaaS
- children's party or club
- low price/high volume
- brand with saturated or neon colors
- audience that needs a fixed price right away
Tone
What makes it Véu
The signatures from DESIGN.md: what must be there when you apply it.From DESIGN.md, which is in Portuguese for now.
- 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.
House rules
Straight from DESIGN.md.From DESIGN.md, which is in Portuguese for now.
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.
Two files.
One prompt.
Véu becomes your coding agent's design system: it builds any screen with this look, not just the sample landing.
Prompt for the agent Use with AI
Read the DESIGN.md at the project root and follow its rules on every screen. Import sistema.css once at the project's entry point and use its classes and tokens instead of creating new styles. Before every UI change, reread DESIGN.md.
- 01Download the two filesDESIGN.md (the visual rules) and sistema.css (tokens, components and the design's signatures).
- 02Add them to the projectDESIGN.md at the root. sistema.css imported once at the entry point: works with React, Vue, Svelte, HTML or WordPress.
- 03Paste the prompt into your agentIt reads the rules and builds any screen (login, pricing, dashboard) with the design's look.
- 04Make the rule stickPut the prompt in your agent's project rules so every new screen follows the same colors, fonts and spacing.
Similar
Landings that share a tone or niche with Véu.