Guide de style Webflow

Startuper est notre ultime modèle de flux Web et kit d'interface utilisateur pour startup, conçu pour les startups technologiques modernes qui cherchent à lancer un site Web étonnant. Il a été conçu et développé par l'équipe de l'Agence BRIX.

Couleurs

Couleurs primaires

Primaire 1
#055F5B
Primaire 2
#FFD584

Couleurs secondaires

Secondaire 1
#FBF9F8
Secondaire 2
#F8EDE3
Secondaire 3
#FAF6F1
Secondaire 4
#E9F8F7

Couleurs neutres

Neutre 800
#292C32
Neutre 700
#494A4D
Neutre 600
#6F7278
Neutre 500
#A0A2A7
Neutre 400
#CACCD1
Neutre 300
#E7E9EE
Neutre 200
#FAFAFC
Neutre 100
#FFFFFF

Typographie

Texte enrichi

Heading H1 - Aa Bb Cc Dd

Heading 1 - 52px/1.308em

Heading H2 - Aa Bb Cc Dd

Heading 2 - 38px/1.316em

Heading H3 - Aa Bb Cc Dd

Heading 3 - 24px/1.375em

Heading H4 - Aa Bb Cc Dd

Heading 4 - 22px/1.091em
Heading H5 - Aa Bb Cc Dd
Heading 5 - 18px/1.389em
Heading H6 - Aa Bb Cc Dd
Heading 6 - 16px/1.125em

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.600em

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 - 18px/1.833em

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 - 24px/1.583em

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. Aliquet euismod ut id ullamcorper nunc diam. Amet a ac ut pharetra. Amet, accumsan, nisl in elementum volutpat integer. Cursus est elementum maecenas ut.
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
Bibendum est ultricies integer quis. Semper eget duis at tellus.
Figure et légende de la figure

Icônes

Boutons

Petit
Bouton primaire - Petit
Défault
Bouton Primaire - Défaut
Large
Bouton primaire - Grand
Petit
Bouton secondaire - Petit
Défault
Bouton Secondaire - Défaut
Large
Bouton secondaire - Grand

Cartes

Carte par défaut

Lorem ipsum dolor sit amet consectetur adipiscing elit auctor scelerisque quam id magna risus nisi lectus odio interdum.