Véu.
Editorial romántico fine art en marfil, salvia y rosa antiguo, con filetes dorados, Bodoni de alto contraste y palabras manuscritas superpuestas. Fotos en polaroid y negativo de película, galería de revista y ramas florales en trazo fino.
- Tipo
- Landing page
- Tema
- Claro
- Títulos
- Bodoni Moda + Pinyon Script
- Texto
- Inter
ParaParejas de 25 a 40 años que planifican su boda, con decisión pausada y alto compromiso emocional
Secciones de la 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.
Del DESIGN.md, que por ahora está en portugués.
ParaParejas de 25 a 40 años que planifican su boda, con decisión pausada y alto compromiso emocional
Paleta
Los cuatro colores que definen el diseño y todas las variables de tokens.css. Haz clic para copiar.
Tipografía
Bodoni Moda + Pinyon Script en los títulos, Inter en el texto.
TítulosBodoni Moda + Pinyon Script
Aag!
Véu en una línea
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
TextoInter
La fuente de lectura sostiene párrafos largos sin cansar.
Texto corrido, botones, formularios y leyendas. Los títulos usan la fuente destacada; esta es la del día a día.
0123456789 · $1.234,56 · 25/09 a las 19:30
Para quién es
Lo que la IA compara con el cliente para elegir el diseño.
- marca con tonos neutros, verde salvia, rosa antiguo o dorado
- fotógrafo con portafolio fuerte y fotos autorizadas
- servicio caro vendido por consulta de fecha
- atención a medida, pocos eventos por año
- tech/SaaS
- fiesta infantil o discoteca
- precio bajo y volumen
- marca con colores saturados o neón
- público que necesita un precio cerrado al instante
Tono
Lo que lo hace Véu
Las firmas del DESIGN.md: lo que no puede faltar al aplicarlo.Del DESIGN.md, que por ahora está en portugués.
- 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.
Reglas del juego
Directo del DESIGN.md.Del DESIGN.md, que por ahora está en portugués.
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.
Dos archivos.
Un prompt.
Véu se vuelve el sistema de tu agente de código: arma cualquier pantalla con este estilo, no solo la landing de ejemplo.
Prompt para el agente Usar con IA
Lee el DESIGN.md en la raíz del proyecto y sigue sus reglas en cada pantalla. Importa sistema.css una sola vez en el punto de entrada del proyecto y usa sus clases y tokens en lugar de crear estilos nuevos. Antes de cada cambio de interfaz, vuelve a leer el DESIGN.md.
- 01Descarga los dos archivosDESIGN.md (las reglas visuales) y sistema.css (tokens, componentes y las firmas del diseño).
- 02Ponlos en el proyectoDESIGN.md en la raíz. sistema.css importado una vez en el punto de entrada: funciona en React, Vue, Svelte, HTML o WordPress.
- 03Pega el prompt en tu agenteLee las reglas y arma cualquier pantalla (login, precios, panel) con el estilo del diseño.
- 04Deja la regla fijaPon el prompt en las reglas del proyecto del agente para que cada pantalla nueva siga los mismos colores, fuentes y espaciados.
Similares
Landings con tono o nicho en común con Véu.
