Design Style Tile

Tipografia

Breakpoint responsive: ≥1024px (desktop) | 768-1023px (tablet) | <768px (mobile)

Attualmente visualizzando: Desktop (≥1024px)

Classe	Desktop	Tablet	Mobile	Weight	Transform
`.h1-custom`	66px 110%	52px 110%	40px 110%	400	uppercase
`.h2-custom`	56px 100%	44px 100%	32px 100%	400	—
`.h3-custom`	48px 110%	38px 110%	28px 110%	normal	—
`.h4-custom`	36px 38px	30px 34px	24px 28px	normal	—
`.h4-custom-caps`	36px 38px	30px 34px	24px 28px	normal	uppercase
`.h5-custom`	24px 28px	21px 25px	18px 22px	400	—
`.h5-custom-caps`	24px 28px	21px 25px	18px 22px	400	uppercase
`.body-custom`	26px 32px	22px 28px	18px 24px	300	—
`.body-custom-bold`	26px 32px	22px 28px	18px 24px	bold	—
`.h6-custom`	14px 120%	13px 120%	12px 120%	normal	—
`.h6-custom-caps`	14px 120%	13px 120%	12px 120%	normal	uppercase

Esempi Tipografia

H1 Custom (Uppercase)

Lorem ipsum dolor sit amet consectetur

H2 Custom

Lorem ipsum dolor sit amet consectetur adipiscing

H3 Custom

Lorem ipsum dolor sit amet consectetur adipiscing elit

H4 Custom

Lorem ipsum dolor sit amet consectetur adipiscing elit sed

H4 Custom Caps

Lorem ipsum dolor sit amet consectetur adipiscing

H5 Custom

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do

H5 Custom Caps

Lorem ipsum dolor sit amet consectetur adipiscing

Body Custom

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.

Body Custom Bold

H6 Custom

Lorem ipsum dolor sit amet consectetur

H6 Custom Caps

Lorem ipsum dolor sit amet

Colori Custom

Purple

Azure

Orange

Yellow

Green

Black

Distanze / Spacing

dist-0

0px

dist-1

0px

dist-2

0px

dist-3

0px

dist-4

0px

dist-5

0px

dist-6

0px

dist-7

0px

dist-8

0px