Resa Design System

Appearance

Fonts ​

v-0.0.0

Font families ​

All round gothic ​

Only used for title of level 1 : h1

Proxima nova ​

Used as default font family (titles other than h1 and text)

Roboto slab ​

Only used for the button Itsme

CSS Variables ​

All round gothic ​

--resa-ff-all-round-gothic

Proxima nova ​

--resa-ff-proxima-nova

Roboto slab ​

--resa-ff-roboto-slab

How to use in the desygn system ​

All round gothic ​

@use "[PATH_TO_UTILS]/functions/variables" as *;

get-var(ff-all-round-gothic)

Proxima nova ​

@use "[PATH_TO_UTILS]/functions/variables" as *;

get-var(ff-proxima-nova)

Roboto slab ​

@use "[PATH_TO_UTILS]/functions/variables" as *;

get-var(ff-roboto-slab)