Questo è un titolo XXL

clamp(3rem, 2.636rem + 1.82vw, 4rem)


Questo è un titolo XL (h1)

clamp(2.4rem, 2.255rem + 0.73vw, 2.8rem)


Questo è un titolo L (h2)

clamp(1.9rem, 1.682rem + 1.09vw, 2.5rem)


Questo è un titolo M (h3)

clamp(1.7rem, 1.591rem + 0.55vw, 2rem)


Questo è un titolo S (h4)

clamp(1.5rem, 1.391rem + 0.55vw, 1.8rem)


Questo è un titolo XS (h5)

clamp(1.2rem, 1.127rem + 0.36vw, 1.4rem)


Questo è un titolo XXS (h6)

clamp(1rem, 0.927rem + 0.36vw, 1.2rem)


Qui il testo del Sottotitolo

clamp(1rem, 0.9rem + 0.42vw, 1.2rem)


Qui il Testo Grande. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

clamp(1.1rem, 0.9rem + 0.8421vw, 1.5rem)


Qui il Testo base. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

clamp(1rem, 0.9rem + 0.4211vw, 1.2rem)


Qui il Testo Piccolo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

clamp(0.8rem, 0.727rem + 0.36vw, 1rem)


Qui il Testo molto Piccolo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

clamp(0.7rem, 0.65rem + 0.2105vw, 0.8rem)


Sezione XXL

width: clamp(3.75rem, calc(3.295rem + 2.273vw), 5rem);

Sezione XL

width: clamp(3.125rem, calc(2.67rem + 2.273vw), 4.375rem);

Sezione L

width: clamp(2.5rem, calc(2.045rem + 2.273vw), 3.75rem);

Sezione M

width: clamp(1.875rem, calc(1.42rem + 2.273vw), 3.125rem);

Sezione S

width: clamp(1.25rem, calc(0.795rem + 2.273vw), 2.5rem);

Sezione XS

width: clamp(0.625rem, calc(0.17rem + 2.273vw), 1.875rem);

Card 1

Card 2

Card 3

Colori globali

Colore primario

Colore secondario

Accento

Grigio leggero

Grigio medio

Grigio scuro

Colore nero

Colore bianco

Colore sfondo scuro

Colore sfondo chiaro

Colore testi

Colore titoli

Colore sottotitoli

Colore bottone

Colore bottone hover

Colore bottone traparente

Colore bottone trasparente hover

Colore testo bottone

Colore testo bottone over

Colore testo bottone trasparente

Colore trasparente

vuoto

Vuoto

Vuoto