Guide de style


Couleur


HEX #e0bbb0

HEX #c4c6a7

HEX #b6ced0

HEX #fbf0c3

HEX #f1bf96

Typographie


Poppins


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890 ¿?¡!@_*()


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890 ¿?¡!@_*()


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890 ¿?¡!@_*()

Titres/rubriques


Titre 1 - Gras, 48 px

/ 1.5 / #e0bbb0

Titre 2 - Gras, 4

0px / 1.5 / #e0bbb0

Titre 3 - Gras, 36 px / 1,5

/ #3f3f3f

Titre 4 - Gras, 30 px / 1,5 / #3f3f3f

Titre 5, 24px / 1.5 / #b6ced0
Titre 6, 20px / 1.5 / #b6ced0

Typographie / Paragraphes


Poppins, 16px / 1.2 / #000000


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolor magna aliquam erat volutpat. Car comme je l'ai vu, j'arriverai au minimum à qui participera à l'exercice du corps pour en bénéficier d'une manière ou d'une autre. Duis, ou lui iriure douleur dans le hendrerit dans vulputate velit

Poppins Bold, 16 px / 1,2 / #000000


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolor magna aliquam erat volutpat.

Boutons


Bouton principal

Normale Flotter Actif

Coins arrondis

6%

Boutons de texte

Lien hypertexte

Lien hypertexte

Lien hypertexte

Photographies/Images


Concept : Ceux-ci doivent représenter les services proposés par l'agence ainsi que des images du portfolio.


Traitement : Coins arrondis 2%

Couleur d'ombre HEX #000000 25%

Icônes







Les icônes doivent être construites sur une grille 64*64 dans un contour de couleur HEX 2px #e0bbb0

Espacement


Jeton

$espacement-01

$espacement-02

$espacement-03

$espacement-04

$espacement-05



$espacement-06

px

8

16

24

32

40



48

Exemple

Formulaire/Champ


Service client:

Nouveau paragraphe

Service client:

Merci beaucoup