Guide de style Webflow

Technology est un modèle de commerce électronique Webflow pour les startups SaaS et Tech. Il a été conçu et développé par l'équipe de l'BRIX Agency.

Couleurs

Couleurs primaires

Primaire 1
#0144E4

Neutral Colors

Neutre 800
#14192B
Neutre 700
#4B5166
Neutre 600
#888B94
Neutre 500
#B8BAC3
Neutre 400
#D8DAE3
Neutre 300
#E9EAF0
Neutre 200
#F7F8FA
Neutre 100
#FFFFFF

Typographie

Texte enrichi

Titre H1 - Aa Bb Cc Dd

Intitulé 1 - 68px/1.118em

Intitulé H2 - Aa Bb Cc Dd

Intitulé 2 - 34px/1.353em

Intitulé H3 - Aa Bb Cc Dd

Intitulé 3 - 25px/1.440em

Intitulé H4 - Aa Bb Cc Dd

Intitulé 4 - 20px/1.400em
Intitulé H5 - Aa Bb Cc Dd
Intitulé 5 - 18px/1.333em
Intitulé H6 - Aa Bb Cc Dd
Intitulé 6 - 16px/1.375em

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus.

Paragraphe petit - 15px/1.733em

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraphe par défaut - 16px/1.750em

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraphe large - 22px/1.636em

Bold - Lorem ipsum dolor sit amet

Texte en gras

Italic - Lorem ipsum dolor sit amet

Texte en italique
“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc gravida purus urna, ipsum eu morbi in enim. Amet quis dignissim eu pulvinar nunc, risus tincidunt nulla mi. Pharetra odio.”
Citation de bloc
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur.
  • Lorem ipsum dolor sit amet, consectetur adipiscing.
Liste de points
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Lorem ipsum dolor sit amet, consectetur.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing.
Liste numérotée
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Figure et légende de la figure

Icônes

Boutons

Petit
Bouton primaire - Petit
Défaut
Bouton Primaire - Défaut
Large
Bouton primaire - grand
Petit
Bouton secondaire - Petit
Défaut
Bouton Secondaire - Défaut
Large
Bouton secondaire - grand

Cartes

Carte par défaut

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pretium donec lobortis quam sit ultrices bibendum hendrerit. At.