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

👉 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.

Texte medium

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.

Texte low
This is some text inside of a div block.
TEXTE ALL CAPS

👉 Liens

👉 Couleurs principales

BEIGE 00
f5e4b6
ROUGE 00
f66a51
BLEU 00
3a469e

👉 Couleurs secondaires

BEIGE -2
fff9eb
BEIGe -1
f7ebcb
beige +1
f0d792
beige +2
E3C574
ROUGE -2
FFB8AB
ROUGE -1
FA7F69
ROUGE +1
f05b41
ROUGE +2
D94E36
BLEU -2
9DA6EB
BLEU -1
535EB0
BLEU +1
273282
BLEU +2
161D52
NOIR
111740