Guide interne
Guide des styles
Le catalogue complet des mises en forme du thème : titres, textes, listes, badges, boutons, couleurs… avec le nom de chaque style à me donner pour l'utiliser.
Titres H1 → H6
Titre H1
Titre H2
Titre H3
Titre H4
Titre H5
Titre H6
Classes de titres (text-heading-1 → 6)
text-heading-1
text-heading-2
text-heading-3
text-heading-4
text-heading-5
text-heading-6
Taglines (text-tagline-1 → 3)
text-tagline-1 — petit texte / légende
text-tagline-2 — petit texte / légende
text-tagline-3 — petit texte / légende
Paragraphe (gras, italique, lien)
Un paragraphe classique avec du gras, de l'italique et un lien.
Badges (~22 variantes)
Boutons — variantes (taille btn-md)
Boutons — tailles (btn-sm → btn-xl)
Couleurs (fonds & marque)
background-1
#fcfcfd
background-2
#f9fafb
background-3
#f4f5f8
background-4
#f0f2f6
background-5
#13171e
background-6
#0f1217
background-7
#181d26
background-8
#070b10
background-9
#1f252f
background-10
#ebebeb
background-11
#b5b5b9
primary-400
#a585ff
primary-500
#864ffe
primary-600
#7c31f6
secondary
#1a1a1c
accent
#fcfcfc
Liste à puces (1)
- Premier point
- Deuxième point
- Troisième point
Liste numérotée (2)
- Première étape
- Deuxième étape
- Troisième étape
Citation
Une citation mise en avant, pour souligner une idée clé.
Tableau
| Colonne A | Colonne B | Colonne C |
|---|---|---|
| Ligne 1 | Valeur | Détail |
| Ligne 2 | Valeur | Détail |
Filet de séparation (hr)
Code
const bonjour = "Metabacklinks";Rendu réel du contenu d'un article (.details-body)
Titre de section (H2)
Voici un paragraphe d'exemple avec du gras, de l'italique et un lien. Le but est de visualiser le rendu réel du contenu d'un tutoriel.
Sous-titre (H3)
- Point principal de la liste
- Sous-point imbriqué A
- Sous-point imbriqué B
- Deuxième point principal
- Première étape
- Deuxième étape
Une citation mise en avant.
Du code en ligne dans une phrase.
const bonjour = "Metabacklinks";
