Colors

3A0CA3

7209B7

4361EE

4B75AB

2C2C26

404040

33415C

5C677D

7D8597

979DAC

E4DFDA

ECECEC

EFF4F7

FCFCFF

212529

343A40

495057

6C757D

ADB5BD

CED4DA

DEE2E6

E9ECEF

F8F9FA

Typography

Font: Nunito

H1 - 36px - weight 600

H2 -30px - weight 600

H3 - 24px - weight 600

H4 - 22px - weight 600

H5 - 20px - weight 600

H6 - 18px - weight 600

Roboto - 18px - weight 300

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt neque urna, quis gravida lectus egestas quis. Cras cursus est et orci feugiat dictum. Vestibulum semper id nulla eu semper. Fusce faucibus neque eget iaculis porta. Integer hendrerit faucibus risus, ornare egestas tellus condimentum eget. In lobortis ante at justo bibendum, ut ultrices dui interdum. Phasellus sed arcu tristique, rhoncus tortor in, ultrices ligula. Ut commodo ornare eleifend. Curabitur facilisis lorem nisi, ac efficitur diam eleifend et. Ut tincidunt massa risus, vel rhoncus neque pretium ut. Morbi pellentesque vitae arcu eget aliquam.

Roboto - 16px - weight 400

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt neque urna, quis gravida lectus egestas quis. Cras cursus est et orci feugiat dictum. Vestibulum semper id nulla eu semper. Fusce faucibus neque eget iaculis porta. Integer hendrerit faucibus risus, ornare egestas tellus condimentum eget. In lobortis ante at justo bibendum, ut ultrices dui interdum. Phasellus sed arcu tristique, rhoncus tortor in, ultrices ligula. Ut commodo ornare eleifend. Curabitur facilisis lorem nisi, ac efficitur diam eleifend et. Ut tincidunt massa risus, vel rhoncus neque pretium ut. Morbi pellentesque vitae arcu eget aliquam.

Roboto - 16px - weight 300

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt neque urna, quis gravida lectus egestas quis. Cras cursus est et orci feugiat dictum. Vestibulum semper id nulla eu semper. Fusce faucibus neque eget iaculis porta. Integer hendrerit faucibus risus, ornare egestas tellus condimentum eget. In lobortis ante at justo bibendum, ut ultrices dui interdum. Phasellus sed arcu tristique, rhoncus tortor in, ultrices ligula. Ut commodo ornare eleifend. Curabitur facilisis lorem nisi, ac efficitur diam eleifend et. Ut tincidunt massa risus, vel rhoncus neque pretium ut. Morbi pellentesque vitae arcu eget aliquam.

Box shadows - Rounded corners - link wrapper

.box-shadow

.rounded-corners

link-wrapper

Dit is een Button

Spacing

8px

16px

32px

64px

128px

_OXY_OPENING_BRACKET_oxy-back-to-top ct_sign_sha256='b693950bca1280372b34dd4cb38157b8f14f983ae7470eec468bd88140ee97e0' ct_options='{"ct_id":85,"ct_parent":80,"selector":"-back-to-top-85-18","original":{"oxy-back-to-top_type":"icon","oxy-back-to-top_position":"bottomright","oxy-back-to-top_scrolled":"300","oxy-back-to-top_easing":"swing","oxy-back-to-top_icon_size":"30","oxy-back-to-top_scroll_transition":"750"},"activeselector":false}'_OXY_CLOSING_BRACKET__OXY_OPENING_BRACKET_/oxy-back-to-top_OXY_CLOSING_BRACKET_