Barvy

Nadpisy

Margin top: 30px

H1 Fire sans 42 bold

Margin bottom: 30px

0: letter-spacing
50: line-height
<42: font-size

Margin top: 30px

H2 Fire sans 34 bold - 41LH

Margin bottom: 30px

0: letter-spacing
41: line-height
<34: font-size

Margin top: 20px

H3 Fire sans 22 bold - 27LH

Margin bottom: 20px

0: letter-spacing
27: line-height
<22: font-size

Margin top: 20px

H4 Fire sans 22 bold - 32LH

Margin bottom: 20px

0: letter-spacing
32: line-height
22: font-size

Texty

HERO Perex Roboto 24 light LH 35

Lorem ipsum dorlo sit amet adipsicing lorem ipsum dolor sit amet adpisicng lorem ipsum

0: letter-spacing
35: line-height
<24: font-size

Větší text u H2 a u TIPu Roboto 22 light LH 35

Lorem ipsum dorlo sit amet adipsicing lorem ipsum dolor sit amet adpisicng lorem ipsum Lorem ipsum dorlo sit amet adipsicing lorem ipsum dolor sit amet adpisicng lorem ipsum

0: letter-spacing
35: line-height
<22: font-size

Normal text Robot 16 light - LH 26

Lorem ipsum dorlo sit amet adipsicing lorem ipsum dolor sit amet adpisicng lorem ipsum

0: letter-spacing
26: line-height
16: font-size

Seznamy

Neřazený seznam

Margin top: 20px
  • Lorem ipsum dolor sit amet
  • Quis autem vel eum iure
  • Donec odio tempus molestie
  • Ut enim ad minima veniam
  • Et harum quidem rerum facilis est
Margin top: 20px

0: letter-spacing
36: line-height
16: font-size

Číselný seznam

Margin top: 20px
  1. Lorem ipsum dolor sit amet
  2. Quis autem vel eum iure
  3. Donec odio tempus molestie
  4. Ut enim ad minima veniam
  5. Et harum quidem rerum facilis est
Margin top: 20px

0: letter-spacing
36: line-height
16: font-size

Tlačítka

Standard

Margin top: 0
Tlačítko
Margin bottom: 0

Border

Margin top: 0
Tlačítko
Margin bottom: 0

Skew

Margin top: 0
Tlačítko
Margin bottom: 0

Skupina tlačítek

Margin top: 0 Margin bottom: 0

Vertikální odsazení (margin) přidávat třídou:
.m-*

Ikony

Oddělovač

Margin bottom: 20px
Margin bottom: 20px

Obrázky ve WYSIWYG

Alt obrázku Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum fermentum tortor id mi. Aenean fermentum risus id tortor. Cras elementum. Integer lacinia. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Fusce wisi. Aliquam ornare wisi eu metus. Ut tempus purus at lorem. Aenean vel massa quis mauris vehicula lacinia. Proin in tellus sit amet nibh dignissim sagittis. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Aliquam erat volutpat. Fusce tellus. Etiam commodo dui eget wisi. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Aliquam ornare wisi eu metus. Ut tempus purus at lorem. Aenean vel massa quis mauris vehicula lacinia. Proin in tellus sit amet nibh dignissim sagittis. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Aliquam erat volutpat. Fusce tellus. Etiam commodo dui eget wisi. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam.

Alt obrázku

Alt obrázku Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum fermentum tortor id mi. Aenean fermentum risus id tortor. Cras elementum. Integer lacinia. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Fusce wisi. Aliquam ornare wisi eu metus. Ut tempus purus at lorem. Aenean vel massa quis mauris vehicula lacinia. Proin in tellus sit amet nibh dignissim sagittis. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Aliquam erat volutpat. Fusce tellus. Etiam commodo dui eget wisi. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Aliquam ornare wisi eu metus. Ut tempus purus at lorem. Aenean vel massa quis mauris vehicula lacinia. Proin in tellus sit amet nibh dignissim sagittis. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Aliquam erat volutpat. Fusce tellus. Etiam commodo dui eget wisi. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam.

Tabulka

First Last Handle
Mark Otto @mdo
Jacob Thornton @fat

Responzivní tabulka

First Last Handle
Mark Otto @mdo
Jacob Thornton @fat

Formuláře