Les couleurs du Framework

Le Cap Web Design System repose sur huit couleurs fondamentales. Chacune possède un rôle précis afin de garantir la cohérence graphique de tous les projets.

Primary

Couleur principale de la marque

  • Boutons principaux
  • Liens
  • Appels à l’action (CTA)
  • Éléments majeurs de l’identité visuelle

Secondary

Couleur secondaire de la marque

  • Boutons secondaires
  • Éléments de soutien
  • Variantes graphiques
  • Illustrations

Accent

Couleur d’accentuation

  • Badges Icônes
  • Chiffres clés
  • États actifs
  • Survols
  • Petites mises en évidence

Heading

Couleur des titres

  • H1
  • H2
  • H3
  • H4
  • H5
  • H6

Text

Couleur du texte courant

  • Paragraphes
  • Listes
  • Descriptions
  • Légendes
  • Contenus principaux

Border

Couleur des bordures

  • Champs de formulaire
  • Contours discrets
  • Séparateurs
  • Tableaux

Surface

Couleur des surfaces

  • Cartes
  • Encadrés
  • Sections alternées
  • Panneaux
  • Blocs de contenu

Background

Couleur de fond principale

  • C’est le « sol » du site.
  • Toutes les pages reposent sur cette couleur.
  • Les composants et les surfaces viennent ensuite se superposer à ce fond.

Les Polices du Framework

Titre H1 – Police Inter

Titre H2 – Police Inter

Titre H3 – Police Inter

Titre H4 – Police Inter

Titre H5 – Police Inter
Titre H6 – Police Inter

Boutons

Texte courant

Qu’est-ce que le Lorem Ipsum ?
Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l’imprimerie depuis les années 1500, quand un imprimeur anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n’a pas fait que survivre cinq siècles, mais s’est aussi adapté à la bureautique informatique, sans que son contenu n’en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker.

Contact

Prêt à faire décoller votre activité ?

Décrivez votre projet ou votre besoin, nous revenons vers vous rapidement avec une proposition claire et un appel stratégique offert.

Conformité RGPD