Cegid logo
Design System

Installation Guide

The design system needs fonts to work properly. They’re also exposed in a separate package with all the needed ressources.

To install and save this package in your package.json dependencies, run:

npm i @cegid/fonts

Then import it at the root of your application, webpack will handle the rest.

import "@cegid/fonts"

If this isn’t working, you may be required to add custom css loaders to your webpack configuration.

Exemple

Headline 1 / Poppins Light

Headline 2 / Poppins Light

Headline 3 / Poppins Regular

Headline 4 / Poppins Regular

Headline 5 / Poppins Regular

Headline 6 / Poppins SemiBold

Body 1 / Roboto Regular

Body 2 / Roboto Regular

Subtitle 1 / Roboto Regular

Subtitle 2 / Roboto Medium

Button / Poppins SemiBold

Caption / Roboto Regular

Overline / Poppins SemiBold

Contents