01

Polices de caractères

Lora Normal / 400
Aa
Lora Medium / 500
Aa
Travail sans normal / 400
Aa
Work Sans Medium / 500
Aa
02

Palettes de couleurs

N{1-6}
Fond neutre
DGB
LGB
G20
G10
BL
WH
G{1-2}
Fond en dégradé
G1
G2
C{R-P}
Fond coloré
OU
OR2
CO
OUI
BL
BL2
L{R-P}
Fond légèrement coloré
LY
LO
LB
03

Couleurs du texte

T{1-8}
Texte de couleur neutre

T1 Noir Pur

T2 Noir clair

T3 Gris foncé

T4 Gris Pur

T5 Gris Clair

T6 Blanc foncé

T7 Blanc clair

T8 Pure White

T{R-P}
Texte de couleur unie

TR Red

TO Orange

TY Jaune

TC Cyan

TB Blue

04

Expositions

DL
Taille : 92px

Affichage LG

Mobile
Taille : 54px

Affichage LG

DM
Taille : 78px

Display MD

Mobile
Taille : 44px

Display MD

DS
Taille : 66px

Display SM

Mobile
Taille : 36px

Display SM

05

Titres

H1  
Taille : 70px

Cap 1

H2  
Taille : 48px

Cap 2

H3 
Taille : 24px

Cap 3

H4
Taille : 28px

Cap 4

H5 
Taille : 22px
Cap 5
H6
Taille : 18px
Cap 6
07

Paragraphes

Paragraphe PXS
Taille : 14px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod est tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minimego veniam, quis nostrud exercitation ullamco laboris nisi ut dix, ex each ab commodo divad conséquent. Excepteur sint occaecat cupidatat non proident, sont in culpa qui officia deserunt mollit anim id est laborum.
Paragraphe PS
Taille : 16px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad miniatom veniam, quis nostrud exercitt cupidatat non proident, in culpa qui officia mollit anim id est laborum.
Paragraphe PM
Taille : 18px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim adim veniam, quids nostrud exercitation cupidatat non proident, sont in culpa qui offici deserunt mollit anim id est laborum.
Paragraphe PL
Taille : 22px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt Excepteur sint occaecat cupidatat non proident, inta caulpa qui officia deserunt mollit anim id est laborum.
Paragraphe PXL
Taille : 28px
Lorem ipsum dolor sit amet, consectetur adibert, sedowip dolore eiusmod tempor incididunt ut labore etdolore magna aliqua. Apac excepteur sint occaecat, sont in tango. Excepteur sint occaecat cupidatat proident.
Paragraphe PXXL
Taille : 36px
Lorem ipsum dolor sit amet, consectetur adibert, sedowip dolore eiusmod tempor incididunt ut labore etdolore magna aliqua. Apac excepteur sint occaecat, sont in tango.
08

Texte enrichi

Introduction

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. sont in culpa qui officia deserunt mollit anim id est laborum.

1. Point principal

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut déduire, ex ea commodo conséquent. Excepteur sint occaecat cupidatat non proident.

- Paragraphe de soutien

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore. Texte en gras :

  • Élément de la liste ordonnée
  • Élément de la liste ordonnée
  • Élément de la liste ordonnée
  • Élément de la liste ordonnée

- Paragraphe de soutien

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut déduire, ex ea commodo conséquent. Excepteur sint occaecat cupidatat non proident.

« Les polices de caractères sont à l’écrit ce que les différents dialectes sont à différentes langues. » ― Steven Heller

2. Point principal

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut déduira ex ea italics conséquent. Excepteur sint occaecat cupidatat non proident.

- Paragraphe de soutien

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

  1. Élément numéroté de la liste
  2. Élément numéroté de la liste
  3. Élément numéroté de la liste

- Paragraphe de soutien.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut déduire, ex ea commodo conséquent. Excepteur sint occaecat cupidatat non proident.

3. Point principal

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut déduire, ex ea commodo conséquent. Excepteur sont occasionnés. Voici un lien.

09

Boutons

Bouton
Primaire
Bouton 2
Icône principale
Bouton 3
Secondaire
Bouton 4
Icône secondaire
11

Champs de formes

Bloc de formulaire / Champs de texte / Entrées
Merci! Votre soumission a été reçue!
Oups! Quelque chose a mal tourné lors de la soumission du formulaire.
13

Logos

Logo / Noir
Logo  / Noir

A

Aligner le texte
AC
AL
AR

Centre Align
Aligner à gauche
Aligner à droite

Bouton #

Boutons
Bouton
Bouton 2
Bouton 3
Bouton 4

Bouton W
Bouton W2
Bouton W3
Bouton W4
Primaire
Primaire+Icône
Secondaire Ol.
Secondaire+Icône Ol.

Primaire blanche
Primaire blanche+Icône Ol.
Secondaire blanc Ol.
Secondaire blanc + Icône Ol.

C{R-P}

Arrière-plans colorés
CR
CO
CY
CG
CC
CB
CPP
CP
Rouge
Orange
Jaune
Vert
Cyan
Bleu
Violet
Rose

Carte #

Variantes de cartes
Carte
Carte 2
Carte 3
Carte 4

Par défaut
Pas de Pad
Pas de pad T/B
Pas de pad gauche

Conteneur #

Conteneur
Conteneur
Conteneur 940
Conteneur 1280
Conteneur 1440
Conteneur 1920
Preference940px par défaut
1100px
Square Ol.
Round Ol.

D{Size}

Expositions
DS
DM
DL
Affichage Petit
Support d’affichage
Affichage grand

F

Flex
FH
FV
Flexion horizontale
Vertical flexible

G1-4

Décors en dégradé
G1
G2
G3
G4
Gradient 1
Gradient 2
Gradient 3
Gradient 4

H1-6

Titres
H1
H2
H3
H4
H5
H6
Cap 1
Cap 2
Cap 4
Cap 5
Cap 6
Cap 7

100110

Hax

Cache-toi

Masquer l’élément
Cache-toi

Masquer l’élément

Inverser

Filtre inversé
Inverser

Inversion de l’élément

Lien #

Liens
Lien 1
Lien 2
Lien 3
Lien 4

Lien W
Liaison W2
Lien W3
Liaison W4
Arrow
Révélation sous-jacente
Sous-jaucher la rétraction
Révélation du tiret

Flèche Blanche
Révélation de l’UL blanc
Rétract UL blanc
Révélation du tiret blanc

L{R-P}

Couleurs claires
LR
LO
LY
LG
LC
LB
LPP
LP
Lieutenant Red
Lieutenant Orange
Lieutenant Jaune
Lieutenant Green
Lieutenant Cyan
Lieutenant Blue
Lieutenant Purple
Lieutenant Pink

N{1-8}

Arrière-plans neutres
N1
N2
N3
N4
N5
N6
N7
N8
Noir

Lieutenant Black
Dk. Grey
Gris
Lieutenant Grey
Dk. White
Lieutenant White
Blanc

P{Size}

Paragraphes
PXS
PS
PM
PL
PL
PXL
PXXL

Extra petit
Petit
Médium
Grand
Extra grand
Extra Extra Large

T{Size}

Blocs de texte
TXS
TS
TM
TL
TXL
TXXL
Extra petit
Petit
Médium
Grand
Extra grand
Extra Extra Large

T{R-P}

Couleurs du texte
TR
À
TY
TG
TC
TB
PTP
TP
Rouge
Orange
Jaune
Vert
Cyan
Bleu
Violet
Rose

T{1-8}

Neutres textuels
T1
T2
T3
T4
T5
T6
T7
T8
Noir

Lieutenant Black
Dk. Grey
Gris
Lieutenant Grey
Dk. White
Lieutenant White
Blanc

Poids

Poids du texte
Normal
Médium
En gradins

Poids 400
Poids 500
Poids 700

Wrap

Wrap
Wrap

Élément d’enroulement