Letreiro.
Marquise de vieux théâtre la nuit : cadre d'ampoules qui s'allument en séquence, plaques interchangeables « À L'AFFICHE », rideau de velours, projecteur et tickets en rouleau perforés. Nocturne, festif et art déco.
- Type
- Landing page
- Thème
- Sombre
- Titres
- Limelight
- Texte
- Libre Franklin
PourPublic culture et loisirs, 18-65 ans, qui achète sa place par séance et veut connaître le jour, l'heure et la classification
Sections de la page01/09Topo e navegação
A marquise de um teatro antigo, à noite, com o letreiro aceso. Lâmpadas, veludo, holofote e ingresso de rolo. Festivo sem ser balada; nostálgico sem ser sépia.
Extrait du DESIGN.md, en portugais pour l'instant.
PourPublic culture et loisirs, 18-65 ans, qui achète sa place par séance et veut connaître le jour, l'heure et la classification
Palette
Les quatre couleurs qui définissent le design et toutes les variables de tokens.css. Cliquez pour copier.
Typographie
Limelight pour les titres, Libre Franklin pour le texte.
TitresLimelight
Aag!
Letreiro en une ligne
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
TexteLibre Franklin
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.
- salle avec programmation par séance et vente de billets
- marque avec rouge, bordeaux ou or
- lieu avec une histoire, une façade ou une enseigne propre
- spectacle en tournée ou en saison
- cours en ligne et lancement digital
- festival de musique électronique ou boîte de nuit
- marque claire et minimaliste
- service sans date ni horaire
Ton
Ce qui fait Letreiro
Les signatures du DESIGN.md : ce qui ne doit pas manquer à l'application.Extrait du DESIGN.md, en portugais pour l'instant.
- 01
Marquise de lâmpadas (
Lampadas): acendem uma a uma ao redor (--n× 45ms) e depois correm em trios (--f= n % 3). Uma marquise por tela, no máximo. - 02
Placas trocáveis (
Placas): letras brancas em trilho, cada uma levemente torta. Só para 1 a 3 palavras curtas ("EM CARTAZ", "ESTREIA", "HOJE"). - 03
Cortina de veludo em gradiente repetido, com bambinela em arcos e franja dourada no topo.
- 04
Holofote: cone em
conic-gradientque varre devagar. Sempre atrás do texto. - 05
Ingresso de rolo: tiras coladas uma na outra, bordas picotadas (mask), canhoto "Admite um", numeração em mono e carimbo "Esgotado". É a programação, não um card genérico.
- 06
Estrela art déco de 8 pontas como marcador; moldura
letreiro-decocom cantos em degrau. - 07
Tablado de madeira com ribalta (luzinhas) fechando o hero e a chamada final.
Règles du jeu
Directement du DESIGN.md.Extrait du DESIGN.md, en portugais pour l'instant.
Identidade
- Fundo vinho quase preto
#140608; blocos emsurface#210c0f. Nunca preto puro. - Texto creme
#f6ead2; secundário#c9ae98. - Primária vermelho-veludo
#b8182e: botões de compra e cortinas. - Destaque dourado-lâmpada
#f5c451, sempre com brilho (letreiro-neon,--letreiro-brilho) quando for texto grande. Em fundo grande, só nos ingressos. - Fontes: Limelight (art déco) só em títulos, preços e horários. Libre Franklin no resto.
Regras
- Classificação indicativa é obrigatória em cada sessão e no espetáculo, com o selo nas cores oficiais (L verde, 10 azul, 12 amarelo, 14 laranja, 16 vermelho, 18 preto). Usar só a classificação informada pela produção; nunca inventar.
- Meia-entrada: sempre que houver preço, mostrar a meia e o bloco de quem tem direito (Lei nº 12.933/2013 e Decreto nº 8.537/2015: estudantes, 60+, PCD e acompanhante, ID Jovem). Conferir lei estadual/municipal do cliente (professores etc.) e ajustar a nota.
- Rodapé leva os dois avisos legais (classificação e meia-entrada).
- Animação: lâmpadas e holofote param com movimento reduzido; o resto é
data-sobe/data-revela. - Máximo de 2 botões por tela. Botão de compra sempre com ícone de ingresso.
- Seções com
py-24, larguramax-w-6xl.
Adaptar à marca do cliente
- Cor da marca vermelha, vinho ou dourada: troque
--d-primarye o vermelho da cortina. - Marca azul ou verde: a cortina pode virar veludo azul (troque as 6 paradas de
letreiro-cortinae da bambinela), mantenha o dourado das lâmpadas. - Cinema de rua: troque "Admite um" por "Sessão", sala por "Sala 1/2", mantenha a marquise.
- Espetáculo infantil: mantenha tudo, mas prefira placa "HOJE" e ingressos em amarelo e creme.
Deux fichiers.
Un prompt.
Letreiro 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 Letreiro.