Palco.
Page de lancement sombre et dorée : vidéo de vente en vedette, compte à rebours de clôture, modules en accordéon, bonus, offre en plusieurs fois et sceau de garantie.
- Type
- Landing page
- Thème
- Sombre
- Titres
- Sora
- Texte
- Inter
PourPersonnes qui achètent du savoir en ligne : formations, mentorats et programmes avec promotion
Sections de la page01/11Topo e navegação
Página de lançamento com cara de evento premium: escuro, dourado e um toque de ametista. O vídeo e a oferta são as estrelas; o resto conduz até eles.
Extrait du DESIGN.md, en portugais pour l'instant.
PourPersonnes qui achètent du savoir en ligne : formations, mentorats et programmes avec promotion
Palette
Les quatre couleurs qui définissent le design et toutes les variables de tokens.css. Cliquez pour copier.
Typographie
Sora pour les titres, Inter pour le texte.
TitresSora
Aag!
Palco 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.
- vente par promotion avec dates d'ouverture et de clôture
- vidéo de vente (VSL)
- produit avec modules et bonus
- marque avec noir, or, violet ou bordeaux
- service local en présentiel
- boutique avec beaucoup de produits
- clinique/santé
- B2B à vente consultative
- qui n'a pas de vraie date limite d'inscription (retirer le compte à rebours)
Ton
Ce qui fait Palco
Les signatures du DESIGN.md : ce qui ne doit pas manquer à l'application.Extrait du DESIGN.md, en portugais pour l'instant.
- 01
Vídeo de vendas 16:9 com borda em gradiente dourado→ametista, brilho dourado atrás e botão de play dourado pulsando.
- 02
Final do título do hero em texto com gradiente dourado.
- 03
Botão principal dourado com reflexo passando (
.palco-reflexo). - 04
Contador de fechamento em blocos mono logo abaixo do hero.
- 05
"É para quem / Não é para quem" lado a lado: o "sim" com check dourado, o "não" apagado.
- 06
Módulos numerados em acordeão, com o título da seção fixo ao lado no desktop.
- 07
Cartão de oferta com borda dourada, parcela gigante em dourado e lista do que está incluso.
- 08
Selo circular de garantia com texto girando e "7" no centro.
- 09
Barra fixa de compra no rodapé do celular.
Règles du jeu
Directement du DESIGN.md.Extrait du DESIGN.md, en portugais pour l'instant.
Identidade
- Fundo quase preto arroxeado
#0b0a10, superfícies#14121ce#1c1927, bordas#2a2637. - Texto marfim
#f4f1ea; secundário#a7a2b3. - Primária dourado
#f2c265, quase sempre em gradiente (.palco-ouro/.palco-ouro-texto) com texto escuro por cima. - Destaque ametista
#9b7edesó em brilhos desfocados e nos ícones dos bônus. - Fontes: Sora bold nos títulos (tracking apertado), Inter no texto, JetBrains Mono em rótulos, números do contador e numeração dos módulos.
Regras
- Todos os botões de compra levam para
#oferta. Um único CTA por bloco. - Dourado é para o que vende (botão, preço, check). Não usar em texto corrido.
- Animação: entrada no hero, revelar ao rolar, pulso do play e reflexo do botão. Nada além disso.
Adaptar à marca do cliente
- Marca sem dourado: troque
--d-primarye os três tons do gradiente emtokens.css(claro, médio, escuro) pela cor da marca. Precisa ser clara o bastante para texto escuro por cima. - Marca em vinho ou azul-marinho: use como
--d-accente deixe a primária dourada. - Evento online com data única: troque
prazo.rotulopor "O evento começa em" e aponteprazo.fimpara o início.
Deux fichiers.
Un prompt.
Palco 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 Palco.
