Barvy
-
#000000 -
#3D3D3D -
#575757 -
#D8D8D8 -
#EBEBEB -
#FFFFFF -
#DD5A12 -
#E9E3C7 -
#142007
Nadpisy
H1 Source Sans Pro - Bold
Margin bottom: 30px0: letter-spacing
54: line-height
38: font-size
H2 Source Sans Pro - Bold
Margin bottom: 30px0: letter-spacing
51: line-height
32: font-size
H3 Source Sans Pro - Bold
Margin bottom: 20px0: letter-spacing
38: line-height
24: font-size
H4 Source Sans Pro - Bold
Margin bottom: 20px0: letter-spacing
36: line-height
20: font-size
H5 Source Sans Pro - Bold
Margin bottom: 20px0: letter-spacing
36: line-height
20: font-size
H6 Source Sans Pro - Bold
Margin bottom: 20px0: letter-spacing
36: line-height
20: font-size
Texty
Source Sans Pro - Regular
Source Sans Pro - Bold
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
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
0: letter-spacing
36: line-height
16: font-size
Číselný 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
0: letter-spacing
36: line-height
16: font-size
Tlačítka
Standard
Source Sans Pro
0: letter-spacing
26: line-height
16: font-size
Transparent
Source Sans Pro
0: letter-spacing
26: line-height
16: font-size
Košík
Source Sans Pro
0: letter-spacing
26: line-height
16: font-size
Skupina tlačítek
Vertikální odsazení (margin) přidávat třídou:
.m-*
Ikony
Oddělovač
Margin bottom: 20pxMargin bottom: 20px
Obrázky ve WYSIWYG
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.
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.
- 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
Tabulka
First | Last | Handle |
---|---|---|
Mark | Otto | @mdo |
Jacob | Thornton | @fat |
Responzivní tabulka
First | Last | Handle |
---|---|---|
Mark | Otto | @mdo |
Jacob | Thornton | @fat |