Rendu en direct depuis la bibliothèque, charte de démonstration Norval.
Une phrase seule, en très gros corps, sur une page nue. Rien d'autre ne partage la page avec elle.
Entrées attendues
Prêt à coller
Remplacez les quinze valeurs de charte par les vôtres, décrivez votre contenu, et rendez la slide. Votre texte ne passe par aucun serveur tiers : il reste dans votre conversation.
Tu produis une slide au format HTML, à la charte ci-dessous. Applique le skill sans l'interpréter.
## Ma charte
--brand-paper: #FFFFFF /* fond de slide */
--brand-ink: #101F2C /* encre principale */
--brand-ink-2: #5B6875 /* encre secondaire */
--brand-wash: #EEF2F5 /* aplat neutre */
--brand-accent: #0E6B8A /* accent, avec parcimonie */
--brand-accent-soft: #DDEDF3 /* accent adouci */
--brand-rule: #D7DEE4 /* filets */
--brand-radius: 4px /* rayon unique */
--brand-line: 1px /* épaisseur de filet unique */
--brand-display: "…" /* police des titres */
--brand-body: "…" /* police du corps */
/* les quatre suivantes ne servent qu'aux composants qui portent une image */
--brand-img-voile: linear-gradient(180deg, rgba(16,31,44,.72) 0%, rgba(16,31,44,.42) 55%, rgba(16,31,44,.66) 100%);
/* voile posé sur l'image, obligatoire */
--brand-img-ink: #FFFFFF /* encre du texte posé SUR l'image */
--brand-img-filtre: grayscale(.35) contrast(1.06) brightness(.95)
/* traitement, identique pour toute image */
--brand-img-teinte: rgba(14,107,138,.22)
/* teinte projetée, en mélange multiply */
Remplacez ces quinze valeurs par les vôtres.
L'encre d'image ne se déduit ni du papier ni de l'encre : elle se lit contre le
voile, qui reste sombre même sur une charte sombre.
## Le skill de @manifeste
# @manifeste
Une phrase seule, en très gros corps, sur une page nue. Rien d'autre ne partage la page avec elle.
## Quand l'employer
Marquer la bascule d'une démonstration, ou ouvrir un document sur sa thèse. La page vide autour de la phrase fait le travail que ferait un silence à l'oral.
## Les entrées attendues
- `la phrase`
- `attribution ou contexte`
- `repère de page`
## Les règles
1. Une seule idée. Si la phrase porte deux propositions, c'est deux pages.
2. Vingt mots au maximum. Au-delà, le corps redescend et l'effet tombe.
3. Rien d'autre sur la page : pas de puce, pas de logo, pas de figure. Le vide fait partie du composant.
4. Le point final se met ou ne se met pas, mais le choix vaut pour tout le document.
5. L'attribution reste discrète, en pied. Elle situe la phrase, elle ne la commente pas.
## À ne pas lui demander
- Ajouter un sous-titre explicatif : une phrase qui a besoin d'être expliquée n'est pas un manifeste.
- Employer ce composant plus de deux ou trois fois dans un document. Répétée, la page pleine perd son poids.
## Tokens de charte employés
Ce composant n'écrit aucune couleur, aucune police, aucun rayon ni aucune
épaisseur de filet en dur. Il lit uniquement :
`--brand-paper`, `--brand-ink`, `--brand-ink-2`, `--brand-wash`,
`--brand-accent`, `--brand-accent-soft`, `--brand-rule`, `--brand-radius`,
`--brand-line`, `--brand-display`, `--brand-body`.
Ce composant lit ces onze valeurs et s'y conforme sans interprétation. La
charte complète en compte quinze : les quatre autres règlent le traitement des
images et ne servent qu'aux composants qui en portent une.
## Le composant
```html
<style>
.c{position:absolute;inset:0;background:var(--brand-paper);color:var(--brand-ink);
font-family:var(--brand-body);padding:72px 88px 104px;box-sizing:border-box;display:flex;
flex-direction:column}
.c h2{font-family:var(--brand-display);font-size:46px;line-height:1.08;letter-spacing:-.026em;
font-weight:600;margin:0;max-width:24ch}
.c h2.t-fort{font-size:68px;line-height:1.02;letter-spacing:-.035em;max-width:17ch}
.c h2.t-menu{font-size:34px;line-height:1.14;letter-spacing:-.018em;max-width:30ch}
.c .sub{color:var(--brand-ink-2);font-size:19px;margin:14px 0 0;max-width:62ch;line-height:1.45}
.c .foot{position:absolute;left:88px;right:88px;bottom:40px;display:flex;justify-content:space-between;
font-size:13px;color:var(--brand-ink-2)}
.c .kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-accent);
font-weight:600;margin:0 0 18px}
/* image : voile, filtre et teinte viennent tous de la charte */
.c .img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;
filter:var(--brand-img-filtre)}
.c .voile{position:absolute;inset:0;background:var(--brand-img-voile)}
.c .teinte{position:absolute;inset:0;background:var(--brand-img-teinte);mix-blend-mode:multiply}
.c.manif{justify-content:center;padding:96px 120px}
.c.manif p.phrase{font-family:var(--brand-display);font-size:64px;line-height:1.06;
letter-spacing:-.035em;font-weight:600;margin:0;max-width:20ch}
.c.manif p.phrase u{text-decoration:none;color:var(--brand-accent)}
</style>
<div class="c manif">
<p class="phrase">{{avant}}<u>{{accent}}</u>{{apres}}</p>
<div class="foot"><span>{{attribution}}</span><span>{{page}}</span></div>
</div>
```
## Mon contenu
Remplacez les valeurs entre accolades par les vôtres, puis rendez la slide en
1280 × 720. Ne changez aucune règle graphique du composant.Les règles
Rien n'est caché derrière une inscription. Le fichier de règles est ce qui empêche le modèle d'improviser, et vous devez pouvoir le juger avant de payer quoi que ce soit.
# @manifeste Une phrase seule, en très gros corps, sur une page nue. Rien d'autre ne partage la page avec elle. ## Quand l'employer Marquer la bascule d'une démonstration, ou ouvrir un document sur sa thèse. La page vide autour de la phrase fait le travail que ferait un silence à l'oral. ## Les entrées attendues - `la phrase` - `attribution ou contexte` - `repère de page` ## Les règles 1. Une seule idée. Si la phrase porte deux propositions, c'est deux pages. 2. Vingt mots au maximum. Au-delà, le corps redescend et l'effet tombe. 3. Rien d'autre sur la page : pas de puce, pas de logo, pas de figure. Le vide fait partie du composant. 4. Le point final se met ou ne se met pas, mais le choix vaut pour tout le document. 5. L'attribution reste discrète, en pied. Elle situe la phrase, elle ne la commente pas. ## À ne pas lui demander - Ajouter un sous-titre explicatif : une phrase qui a besoin d'être expliquée n'est pas un manifeste. - Employer ce composant plus de deux ou trois fois dans un document. Répétée, la page pleine perd son poids. ## Tokens de charte employés Ce composant n'écrit aucune couleur, aucune police, aucun rayon ni aucune épaisseur de filet en dur. Il lit uniquement : `--brand-paper`, `--brand-ink`, `--brand-ink-2`, `--brand-wash`, `--brand-accent`, `--brand-accent-soft`, `--brand-rule`, `--brand-radius`, `--brand-line`, `--brand-display`, `--brand-body`. Ce composant lit ces onze valeurs et s'y conforme sans interprétation. La charte complète en compte quinze : les quatre autres règlent le traitement des images et ne servent qu'aux composants qui en portent une.
Même famille · Narration
Relevé dans 11 documents · Accenture, Apple Inc.
Une citation en grand corps, avec son auteur en texte courant. Jamais de nom en capitales interlettrées.
type: citation · charte: héritée
Relevé dans 2 documents · ilovecreatives, Land of Plenty
Questions et réponses en colonnes, le registre de la question tenu distinct de celui de la réponse.
type: questions · charte: héritée
Relevé dans 2 documents · Figma, NIKE
Quatre à six personnes avec nom, fonction et une ligne de contexte. Le nom reste en texte courant.
type: équipe · charte: héritée
Vu dans des présentations réelles
13 pages relevées dans la galerie
Chaque vignette est la page réelle du document, créditée à son éditeur, avec la leçon qui explique pourquoi la mise en page tient. Le composant ci-dessus la refait à votre charte.
Phrase-manifeste coupée en deux fontes
La phrase occupe toute la largeur en grotesque gras, puis bascule en italique serif au moment précis où elle passe de l'objection à la promesse. Le changement de fonte fait le travail d'une pause à l'oral, sans ajouter un mot ni un signe de ponctuation.
Une phrase par page, fond nu
La page ne porte qu'une phrase centrée, sans titre ni numéro de page. Le deck compte 79 pages parce que chaque idée occupe la sienne, et le rythme de lecture devient lui-même la mise en page.
Mot-thème géant en pied de page
Le titre analytique reste en haut au corps de lecture, pendant qu'un mot-thème énorme occupe le bas de la page et nomme la tendance. Ces deux registres laissent lire la page vite ou lentement selon le besoin, et les mots-thèmes finissent par former à eux seuls le sommaire du rapport.
Annonce centrée en quatre niveaux typographiques
Date en petit, nom du produit en couleur de marque et en très gros, promesse en deux phrases blanches, résumé en corps réduit dessous. Quatre tailles hiérarchisées font une slide d'annonce entière, sans image ni décor.
Photos encastrées dans le titre
L'affirmation est composée en très grand et les photos de terrain viennent se loger entre les mots, calées sur la hauteur des capitales. La preuve occupe la place d'un caractère, donc le chiffre annoncé et les scènes qui l'attestent se lisent dans le même mouvement, sans galerie séparée.
Récit composé au corps de titre
Sur un aplat plein, trois paragraphes occupent seuls la page, composés au corps qu'un autre document réserverait à son titre. Une page peut n'être que du texte à condition d'assumer sa taille, ce qui évite l'illustration de remplissage et rend le récit lisible depuis le fond d'une salle.
Nous construisons votre socle de marque et déclinons toute la bibliothèque à vos couleurs, vos polices et vos mesures. Vous en devenez propriétaire, sans licence ni abonnement imposé.