Style Guide

Pro-tips: Paste this content into a dedicated page named “Style guide”. Convert each color style below to global swatches so they can be used in text, borders, backgrounds, and gradients. To do this, select a color style element, navigate to the Background Color section in the Style panel, edit the color, and add it as a global swatch.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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 aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Style Guide

Pro-tips: Paste this content into a dedicated page named “Style guide”. Convert each color style below to variables so they can be used in text, borders, backgrounds, and gradients. To do this, select a color style element, navigate to the Style panel on the right and add it as a variable by clicking the purple dot next to a color property.

Color styles

Neutre/MainBleu - #23313E

Neutre/BlancFFFFFF - #FFFFFF

Neutre/Neutre_100 - #F7F7F7

Neutre/Neutre_200 - #E9ECEF

Neutre/Neutre_300 - #D4D9DE

Neutre/Neutre_400 - #BDC6CE

Neutre/Neutre_500 - #919FAB

Neutre/Neutre_600 - #808F9C

Neutre/Neutre_700 - #5A6873

Neutre/Neutre_800 - #3F4D59

Neutre/Neutre_900 - #03192B

Accent Terre/AccentTerre_100 - #FBECDC

Accent Terre/AccentTerre_200 - #F6DDC2

Accent Terre/AccentTerre_300 - #EEC9A2

Accent Terre/AccentTerre_400 - #E7B981

Accent Terre/AccentTerre_500 - #CE9D63

Accent Terre/AccentTerre_600 - #BE8136

Accent Terre/AccentTerre_700 - #A66B24

Accent Terre/AccentTerre_800 - #7A490F

Accent Terre/AccentTerre_900 - #462805

Accent Bleu/AccentBleu_100 - #EBF4FD

Accent Bleu/AccentBleu_200 - #C5E3FE

Accent Bleu/AccentBleu_300 - #A3CEF6

Accent Bleu/AccentBleu_400 - #57A0E4

Accent Bleu/AccentBleu_500 - #1A68B1

Accent Bleu/AccentBleu_600 - #125B9E

Accent Bleu/AccentBleu_700 - #07447C

Accent Bleu/AccentBleu_800 - #053562

Accent Bleu/AccentBleu_900 - #03294C

Accent Rouge/AccentRouge_100 - #FDF2F2

Accent Rouge/AccentRouge_200 - #F4BBBB

Accent Rouge/AccentRouge_300 - #E77E7E

Accent Rouge/AccentRouge_400 - #E75E5E

Accent Rouge/AccentRouge_500 - #D94646

Accent Rouge/AccentRouge_600 - #B92525

Accent Rouge/AccentRouge_700 - #841414

Accent Rouge/AccentRouge_800 - #6C0D0D

Accent Rouge/AccentRouge_900 - #3A0505

AcMenthe/AccentMenthe_100 - #EDF7F9

AcMenthe/AccentMenthe_200 - #D5F5F7

AcMenthe/AccentMenthe_300 - #AFF2F6

AcMenthe/AccentMenthe_400 - #74E2E9

AcMenthe/AccentMenthe_500 - #48B6BD

AcMenthe/AccentMenthe_600 - #087A81

AcMenthe/AccentMenthe_700 - #096369

AcMenthe/AccentMenthe_800 - #07494D

AcMenthe/AccentMenthe_900 - #02292B

Elevation styles