• Exclusieve merken en decoratie sets

  • Kwalitatieve materialen

  • Persoonlijke service

  • Vlotte verzending en levering

This is FactorBlue Typography Page

hero
Colors
#FFFFFF
white
#395144
deco-green
#16A34A
deco-light-green
#0B2216
deco-dark-green
#16A34A
deco-deco-pink
#AA8B56
deco-dark-orange
#F6F3EE
deco-light-orange
#1E293B
deco-dark-blue
#F8F8F8
deco-grey
#000000
black

#5099D6
primary lighter
#1E84CD
primary
#1E84CD
primary darker
Fonts mobile

H1 - 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.

Roboto Slab bold - 26.25px / 31.5px

H2 - 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.

Roboto Slab bold - 21px / 28px

H3 - 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.

Roboto Slab bold - 17.5px / 24.5px

H4 - 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.

Roboto Slab bold - 15.75px / 24.5px

H5 - 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.

Roboto Slab bold - 14px / 21px

H6 - 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.

Roboto Slab medium - 12.25px / 17.5px

Light text - 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.

Roboto Slab light - 14px / 21px

Light text italic - 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.

Roboto Slab light italic - 14px / 21px

Normal text - 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.

Roboto Slab regular - 14px / 21px

Normal text italic - 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.

Roboto Slab regular italic - 14px / 21px

Bold text - 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.

Roboto Slab bold - 14px / 21px

Bold text italic - 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.

Roboto Slab bold italic - 14px / 21px

Buttons

button

button class="btn"

actions-toolbar > primary > button class=""

button class="btn btn-primary"

button class="btn btn-primary btn-red"

button class="btn btn-secondary"

button class="btn btn-secondary btn-red"

button class="btn btn-primary"

button class="btn btn-primary text-lg font-medium py-4 px-10 justify-center text-center"

Icons

List of all icons. They can be called with the 'class'. Just pick the class name on the right.

icon-hamburger
icon-cart
icon-cart-checked
icon-phone
icon-phone-empty
icon-youtube
icon-star
icon-user
icon-copy
icon-balance
icon-coins
icon-headset
icon-heart
icon-money
icon-support
icon-truck
icon-rotate-solid
icon-login_filled
icon-loupe
icon-arrow_down
icon-arrow_left
icon-arrow_right
icon-arrow_up
icon-close
icon-check
icon-plus
icon-minus
icon-recycle
icon-envelope
icon-check_border_1
icon-computer
icon-facebook
icon-linkedin
icon-twitter
icon-whatsapp
icon-instagram
icon-frame_filled
icon-frame
icon-information
icon-list
icon-squares
icon-trash
Links/buttons (with mouseovers)
Link in de tekst Lees verder
Rounding corners on blocks
Normal - rounded 0.25rem
MD - rounded 0.375rem
LG - rounded 0.5rem
XL - rounded 0.75rem