Rien de tel qu'un bon styleguide pour démarrer un bon projet. Celui-ci est simple mais te permettra de préparer au mieux ton intégration dans Webflow. 🙌


Premier tips: Il te suffit de modifier les balises "tag". Pour y accéder, clic sur un titre "Ceci est un titre…", clic sur la zone de création de Class et cherche dans le menu déroulant un élément en rose. Clic dessus. C'est bon, tu peux donner des propriétés à toutes les balises d'un coup. Et voilà !

Second tips: Pour les couleurs, tu as juste à reprendre l'exemple de la couleur noire. Ajoute une classe "is--tacouleur", modifie la background-couleur et enregistre là dans ta palette.

Dernier tips: Pour ne pas référencer cette page, va dans les Project Settings -> SEO et sous robots.txt ajoute les lignes suivantes :

User-agent: *
Disallow: /slugdetapage ( /styleguide dans mon cas )

👉 Titres

Ceci est un titre H1

H1

Ceci est un titre H2

H2

Ceci est un titre H3

H3

Ceci est un titre H4

H4
Ceci est un titre H5
H5
Ceci est un titre H6
H6

👉 Textes

Ceci est un paragraphe. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Paragraph
Lorem ipsum dolor sit amet
Block Quote

👉 Liens

👉 Couleurs principales

Noir
#000000
Blanc
#FFFFFF

👉 Couleurs secondaires

Couleur
#XXXXXX
Couleur
#XXXXXX
Couleur
#XXXXXX
Couleur
#XXXXXX

👉 Couleurs de la marque

Couleur
#XXXXXX
Couleur
#XXXXXX