Véu.
Éditorial romantique fine art en ivoire, sauge et vieux rose, avec filets dorés, Bodoni très contrasté et mots manuscrits en surimpression. Photos façon polaroïd et négatif de pellicule, galerie de magazine et brins floraux au trait fin.
- Type
- Landing page
- Thème
- Clair
- Titres
- Bodoni Moda + Pinyon Script
- Texte
- Inter
PourCouples de 25 à 40 ans qui préparent leur mariage, décision posée et fort investissement émotionnel
Sections de la page01/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.
Extrait du DESIGN.md, en portugais pour l'instant.
PourCouples de 25 à 40 ans qui préparent leur mariage, décision posée et fort investissement émotionnel
Palette
Les quatre couleurs qui définissent le design et toutes les variables de tokens.css. Cliquez pour copier.
Typographie
Bodoni Moda + Pinyon Script pour les titres, Inter pour le texte.
TitresBodoni Moda + Pinyon Script
Aag!
Véu en une ligne
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
TexteInter
La police de lecture porte les longs paragraphes sans fatiguer.
Texte courant, boutons, formulaires et légendes. Les titres prennent la police d'affichage ; celle-ci fait le quotidien de la page.
0123456789 · 1 234,56 € · 25/09 à 19h30
Pour qui
Ce que l'IA compare avec le client pour choisir le design.
- marque aux tons neutres, vert sauge, vieux rose ou or
- photographe avec un portfolio solide et des photos autorisées
- service cher vendu sur demande de date
- prestation sur mesure, peu d'événements par an
- tech/SaaS
- fête d'enfants ou boîte de nuit
- petits prix et gros volume
- marque aux couleurs saturées ou néon
- public qui a besoin d'un prix ferme tout de suite
Ton
Ce qui fait Véu
Les signatures du DESIGN.md : ce qui ne doit pas manquer à l'application.Extrait du DESIGN.md, en portugais pour l'instant.
- 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.
Règles du jeu
Directement du DESIGN.md.Extrait du DESIGN.md, en portugais pour l'instant.
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.
Deux fichiers.
Un prompt.
Véu devient le design system de votre agent de code : il construit n'importe quel écran avec ce style, pas seulement la landing d'exemple.
Prompt pour l'agent Utiliser avec l'IA
Lis le DESIGN.md à la racine du projet et suis ses règles sur chaque écran. Importe sistema.css une seule fois au point d'entrée du projet et utilise ses classes et tokens au lieu de créer de nouveaux styles. Avant chaque changement d'interface, relis le DESIGN.md.
- 01Téléchargez les deux fichiersDESIGN.md (les règles visuelles) et sistema.css (tokens, composants et signatures du design).
- 02Ajoutez-les au projetDESIGN.md à la racine. sistema.css importé une fois au point d'entrée : fonctionne avec React, Vue, Svelte, HTML ou WordPress.
- 03Collez le prompt dans votre agentIl lit les règles et construit n'importe quel écran (connexion, tarifs, dashboard) avec le style du design.
- 04Fixez la règleMettez le prompt dans les règles du projet de l'agent pour que chaque nouvel écran suive les mêmes couleurs, polices et espacements.
Similaires
Des landings qui partagent un ton ou un secteur avec Véu.
