H0 – 71.5/88

H1 – 53.7/72

H2 – 40.3/56

H3 – 30.2/40

H4 – 22.5/32

H5 – 17/24
H6 – 15/24
H7 – 13/16
preheader 3
preheader 2
preheader 1
Body intro

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

  • This is some text inside of a div block.
  • This is some text inside of a div block.
  • This is some text inside of a div block.
Quotes
Body mini text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Body tiny text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Text Link

Spacers

Desktop L

Desktop 16 px
Desktop 24 px
Desktop 32 px
Desktop 40 px
Desktop 48 px
Desktop 56 px
Desktop 64 px
Desktop 128 px

Desktop

Desktop 16 px
Desktop 24 px
Desktop 32 px
Desktop 40 px
Desktop 48 px
Desktop 56 px
Desktop 64 px
Desktop 128 px

Ipad

ipad 16 px
ipad 24 px
ipad 32 px
ipad 40 px
ipad 48 px
ipad 56 px
ipad 64 px
ipad 128 px

Mobile L

mobile L16 px
mobile 24 px
mobile L 32 px
mobile L 40 px
mobile L 48 px
mobile L 56 px
mobile L 64 px
mobile L 128 px

Mobile

mobile 16 px
mobile 24 px
mobile 32 px
mobile 40 px
mobile 48 px
mobile 56 px
mobile 64 px
mobile 128 px

Columns

Desktop L

16.666 % (1 coluna)
33.333 % (2 colunas)
50 % (3 colunas)
66.666% (4 colunas)
75%
83.333 % (5 colunas)
100 % (6 colunas)

Desktop

16.666 % (1 coluna)
33.333 % (2 colunas)
50 % (3 colunas)
66.666% (4 colunas)
75%
83.333 % (5 colunas)
100 % (6 colunas)

ipad

16.666 % (1 coluna)
25 %
33.333 % (2 colunas)
50 % (3 colunas)
66.666% (4 colunas)
75%
83.333 % (5 colunas)
100 % (6 colunas)

mobile L

16.666 % (1 coluna)
25 %
33.333 % (2 colunas)
50 % (3 colunas)
66.666% (4 colunas)
75%
83.333 % (5 colunas)
100 % (6 colunas)

mobile

16.666 % (1 coluna)
25 %
33.333 % (2 colunas)
50 % (3 colunas)
66.666% (4 colunas)
75 %
83.333 % (5 colunas)
100 % (6 colunas)

Imagens

Desktop

Desktop 50

2:3

3:2

16:9

1:1

Desktop 33

2:3

3:2

16:9

1:1

Desktop 25

2:3

3:2

16:9

1:1

Desktop 66

3:2

16:9

1:1

Desktop 100

3:2

16:9

1:1

Ipad

ipad 50

2:3

3:2

16:9

1:1

Ipad 33

2:3

3:2

16:9

ipad img 1:1

Ipad 25

2:3

3:2

16:9

1:1

ipad 66

3:2

16:9

1:1

ipad 100

3:2

16:9

1:1

Mobile L

Mobile L 50

2:3

3:2

16:9

1:1

mobile L 33

2:3

3:2

16:9

1:1

mobile L 25

2:3

3:2

16:9

1:1

mobile L 66

3:2

16:9

1:1

mobile L 100

3:2

16:9

1:1

Mobile

Mobile 50

2:3

3:2

16:9

1:1

mobile 33

2:3

3:2

16:9

1:1

mobile 66

3:2

16:9

1:1

mobile 100

3:2

16:9

1:1

Boxes

Box destaque

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Button Text

Box slider + shadow 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Button Text

Box Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Box

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Button Text

Box cor 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

solid small

Box cor 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

solid small

Box cor 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

outline

Box cor 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

solid small destaque

Box shadow

Button Text

Box shadow 2

Button Text

Box shadow 3

Button Text
Box
Box shadow
Box shadow 2
Box shadow 3
Box cor 1
Box cor 2
Box cor 3
Box cor 4
Box black
Cor 1
Cor 2
Cor 3
Cor 4
cor texto
Grey 03
Grey 05
Grey 10
Grey 20
Grey 40
Grey 50
Grey 60