UI KIT - Text styles - Cegid France

UI KIT

Negative version

Heading

Heading^*

Heading / H1^*

Heading / H2^*

Heading / H3

Heading / H4

Heading / H5

Heading / H6

Body

Large
Together, make more possible

Regular
Together, make more possible

Small
Together, make more possible

Tiny
Together, make more possible

Citation
“Lorem ipsum dolor sit amet, consectetur adipiscing elit, curabitur ex felis, ultrices at nulla id, molestie eleifend nisi.”

TaxonomyTogether, make more possible

Highlight – Blue Light

Highlight – Grey Light

Subtitle 1
Together, make more possible

Subtitle 2
Together, make more possible

Tag Primary

Tag Accent

Links

Link text default

Link text default (external)

Arrow link

Card link

Buttons

Button Primary

Button Secondary

Button Primary - Arrow

Button Primary - External

Button Primary - Download

Button alignment

Button group center

Button Left

Button Right

List Bullets

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

List Checklist

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

List Checklist Inline

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

Text colors

[color-primary-blue]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[color-secondary-navy]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[color-secondary-navy-mid]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[color-blue-light]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[color-neutral-grey-02]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[color-neutral-grey-04]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[color-white]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[color-gradient]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Colors

#2962FF

#022341

#CCE9FF

#E5F4FF

#F0F9FF

Grey colors

#F7F6F5

#EBEBEB

#C2CAD1

#53697E

^*Nous avons désormais de nouveaux éléments de style, équivalents à du texte en gras, permettant de mettre en avant des informations importantes uniquement dans les titres H1 et H2. Les éléments à valoriser doivent être mis en italique et affichés avec un effet de dégradé (gradient) comme ceci :

Construisez votre avenir.
En toute maîtrise.

Accéder aux foundations (Figma)

Positive version

Heading

Heading / Hero

Heading / H1