Guide de style Webflow

Parcourez les éléments d'interface utilisateur disponibles sur le Webflow Modèle
Agency X.

Agency X est un modèle d'agence de Webflow et un UI Kit conçu pour les agences de design et de marketing qui souhaitent lancer un site Web moderne, haut de gamme et de classe mondiale. Il a été conçu et développé par l'équipe BRIX AgencyX.

Couleurs

Couleurs primaires

Primaire 1
#FF3951

Secondary Colors

Secondaire 1
#FFC226
Secondaire 2
#6A35FF
Secondaire 3
#3F80FD
Secondaire 4
#FF8139
Secondaire 5
#3FCFFD

Neutral Colors

Neutre 800
#14142B
Neutre 700
#4E4B66
Neutre 600
#6E7191
Neutre 500
#A0A3BD
Neutre 400
#D9DBE9
Neutre 300
#EFF0F6
Neutre 200
#F5F7FC
Neutre 100
#FFFFFF

Typographie

Texte enrichi

Heading H1 - Aa Bb Cc Dd

Heading 1 - 60px/1.233em

Heading H2 - Aa Bb Cc Dd

Heading 2 - 40px/1.350em

Heading H3 - Aa Bb Cc Dd

Heading 3 - 26px/1.346em

Heading H4 - Aa Bb Cc Dd

Heading 4 - 22px/1.273em
Heading H5 - Aa Bb Cc Dd
Heading 5 - 18px/1.333em
Heading H6 - Aa Bb Cc Dd
Heading 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.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.667em

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
“Proin sed libero enim sed faucibus turpis in. Nisi est sit amet facilisis. Venenatis cras sed felis eget velit. A erat nam at lectus urna duis”
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
Proin sed libero enim sed faucibus turpis in. Nisi est sit amet facilisis.
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éfault
Bouton Secondaire - Défaut
Large
Bouton secondaire - grand

Cartes

Carte par défaut

Lorem ipsum consectetur amet sit comeneer ilrems dolce issilmolil olme diment solem ipum adolemro dolor sit.