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 bleu foncé. 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 )
👉 Logos
👉 Typographie
Ceci est un titre H1
Ceci est un titre H2
Ceci est un titre 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.
Lorem ipsum dolor sit amet
👉 Liens & Call to Action
👉 Couleurs principales
👉 Couleurs secondaires
👉 Couleurs de la marque
👉 Paddings
Utility spacing system - padding classes. [padding-direction] + [padding-size].
Direction Classes
Size Classes
Margins
Utility spacing system - padding classes. [margin-direction] + [margin-size].
Direction Classes
Size Classes
Icons
Unify icons sizes. icon-height sets height of icons. icon-1x1 sets both height and width of icons.
