arrow-downaustriabelgiumcorporateczechdenmarkfinlandfrancegermanygreeceirelanditalynetherlandnorwaypolandportugalspainswitzerlandukbefreecarboxcarclouddrivaliae-goeplushareflexrentmobilitystoremenupictogramright-longfacebookinstagramlinkedinuser

Barvy

Neutral

Primary

Secondary

Accent

Nadpisy

Margin top: 24px

H1 Raleway - Bold

Margin bottom: 24px

0: letter-spacing
70: line-height
64: font-size

Margin top: 24px

H2 Raleway - Bold

Margin bottom: 24px

0: letter-spacing
61: line-height
56: font-size

Margin top: 24px

H3 Raleway - Bold

Margin bottom: 24px

0: letter-spacing
48: line-height
40: font-size

Margin top: 24px

H4 Raleway - Bold

Margin bottom: 24px

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

Margin top: 24px
H5 Raleway - Bold
Margin bottom: 24px

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

Margin top: 24px
H6 Raleway - Bold
Margin bottom: 24px

0: letter-spacing
27: line-height
18: font-size

Texty

Raleway - Regular
Raleway - Bold

Perex paragraph...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
27: line-height
18: font-size

Raleway - Regular
Raleway - Bold

Normal paragraph...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
22: line-height
15: font-size

Seznamy

Neřazený seznam

Margin top: 24px
  • 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: 24px

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

Číselný seznam

Margin top: 24px
  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: 24px

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

Tlačítka

Standard

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

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

Skupina tlačítek

Margin top: 0 Margin bottom: 0

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

Ikony

access-point
accessible
address-book
adjustments
alarm
album
alert-circle
alert-triangle
annotation-question
arrow-back
arrow-bar-down
arrow-bar-left
arrow-bar-right
arrow-bar-to-down
arrow-bar-to-left
arrow-bar-to-right
arrow-bar-to-up
arrow-bar-up
arrow-down-circle
arrow-down-left-circle
arrow-down-left
arrow-down-right-circle
arrow-down-right
arrow-down
arrow-dropdown-down
arrow-dropdown-up
arrow-left
arrow-right
arrow-up-circle
arrow-up-left-circle
arrow-up-left
arrow-up-right-circle
arrow-up-right
arrow-up
arrows-cross
arrows-diagonal-01
arrows-diagonal-02
arrows-diagonal-minimize-01
arrows-diagonal-minimize-02
arrows-double-ne-sw
arrows-double-nw-se
arrows-double-se-nw
arrows-double-sw-ne
arrows-down-up
arrows-left-right
arrows-maximize
arrows-minimize
arrows-shuffle
arrows-sort
arrows-split
asset
at
award
baby-carriage
backhoe
backpack
backspace
badge
ballpen
battery-eco
battery-charging-2
battery-charging
battery
beach
bell
bike
bluetooth-connected
bolt
bookmark-full
bookmark
boy
bulldozer
bus
calendar
calendar-check
camera
car-crane
car-crash
glass-broken
car-door
car-hand
hand-money
car-off
car-window
car
cash-banknote-off
cash-banknote
circle-close
circle-minus
circle-plus
clock
cloud-download
cloud-upload
co2
color-swatch
cookie
copyright
credit-card
currency-euro
dashboard
directions
disabled
discount
dots
download
drivalia
engine
eye-off
eye
face-mask
file-download
file-upload
file
files
fingerprint
firetruck
first-aid-kit
flag
flame
folder
forklift
fuel
gas-station
gate
gauge
gift
gps
graduation-hat
grid-dots
headset
home
charging-pile
line-chart-down
check
checkbox
checks
chevron-down-left
chevron-down-right
chevron-down
chevron-left
chevron-right
chevron-up-left
chevron-up-right
chevron-up
info-circle
key
kid
leaf
link
list-check
loader
location
lock-open
lock
login
logout
luggage
mail
man
manual-gearbox
map-pin
menu
message-dots
message
messages
microphone
minus
mobile_phone
money
mood-smile
mountain
music
news
note
notes
package
paperclip
parking
pencil
phone
photo
pig
pin
pinned
plane-arrival
plane-departure
plane
play
plus
power
printer
qrcode
receipt
recycle
refresh
registered
road
rotate-clockwise
rotate
satellite
scale-outline
search
send
settings
share
shield-check
shield
shopping-cart
signature
sitemap
smoking-no
snowflake
sort-ascending-letters
sort-ascending-numbers
sort-descending-letters
sort-descending-numbers
steering-wheel
switch-horizontal
switch-vertical
switch
tag
thumb-down
thumb-up
ticket
tir
tire
toggle-left
toggle-right
tool
tool-02
trash
umbrella
upload
user-circle
user-check-in
user
van
video
volume-off
volume
wallet
wifi
wiper-wash
wiper
work-helmet
writing-sign
x

Oddělovač

Margin bottom: 24px
Margin bottom: 24px

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