AVQN — Points-clés

Édite le template puis enregistre avant de lancer l'aperçu.

Slug

Libellé

Plateforme

Largeur (px)

Hauteur (px)

Charte graphique

HTML (body)

CSS

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;800;900&family=Inter:wght@400;500;600&display=swap');
:root{--noir:#000;--encre:#13161B;--blanc:#fff;--ardoise:#5B6472;--brume:#9AA3B0;--filet:#E4E7EC;--magenta:#FF2D78;}
*{margin:0;padding:0;box-sizing:border-box;}
.stage{width:1080px;height:1350px;background-color:var(--blanc);background-image:radial-gradient(var(--filet) 2px,transparent 2px);background-size:30px 30px;padding:120px 96px;display:flex;flex-direction:column;justify-content:center;font-family:'Inter',sans-serif;}
.titre{font-family:'Archivo',sans-serif;font-weight:900;font-size:78px;line-height:1;letter-spacing:-.02em;color:var(--encre);}
.trait{width:80px;height:8px;background:var(--encre);margin:44px 0 64px;}
.liste{display:flex;flex-direction:column;gap:40px;}
.item{display:flex;align-items:flex-start;gap:28px;}
.dot{width:22px;height:22px;border-radius:50%;background:var(--magenta);flex:none;margin-top:11px;}
.txt{font-weight:600;font-size:38px;line-height:1.3;color:var(--encre);}

Schéma de variables (JSON)

Variables d'exemple (JSON)

Aperçu de rendu

Le rendu utilise les variables d'exemple sauvegardées (via le Chromium partagé). Enregistre d'abord, puis lance l'aperçu — l'image est aussi ajoutée à la galerie.