Colors

primary

Extra

Breakpoints

Breakpoint Resolutie Actief Grid Gutter
FHD (desktop large) 1920x1080px 1920px - ∞ 1770px 30px
XXL (desktop regular) 1440x900px 1440px - 1919px 1300px 24px
XL (desktop small) 1280x800px 1280px - 1439px 1170x 24px
LG (tablet landscape) 1024x768px 1024px - 1279px 936 24px
MD (tablet portrait) 768x1024px 768px - 1023px -20px (links/rechts) 20px
SM (mobile landscape) 568x375px 568px - 767px -20px (links/rechts) 20px
XS (mobile portrait) 375x568px 0px - 567px -20px (links/rechts) 5px

Typography

Font family

Aa

SchnyderS Light

Aa

BigDailyShort Light

Aa

Helvetica Neue Regular

Heading 1 - Big

Font / weight:
SchnyderS - Light
Font size:
120px/80px/48px
Line height:
124px/68px/52px

Lorem Ipsum dolor sit

Lorem Ipsum dolor sit

Heading 1

Font / weight:
SchnyderS - Light
Font size:
96px/56px/40px
Line height:
104px/60px/44px

Lorem Ipsum dolor sit

Lorem Ipsum dolor sit

Heading 2

Font / weight:
SchnyderS - Light
Font size:
64px/49px/32px
Line height:
72px/44px/36px

Lorem Ipsum dolor sit

Lorem Ipsum dolor sit

Heading 3

Font / weight:
SchnyderS - Light
Font size:
56px/40px/24px
Line height:
64px/36px/28px

Lorem Ipsum dolor sit

Lorem Ipsum dolor sit

Heading 4

Font / weight:
BigDailyShort - Light
Font size:
32px/24px/20px
Line height:
40px/32px/30px

Lorem Ipsum dolor sit

Lorem Ipsum dolor sit

Heading 5

Font / weight:
BigDailyShort - Light
Font size:
24px/20px/18px
Line height:
40px/28px/24px
Lorem Ipsum dolor sit
Lorem Ipsum dolor sit

Heading 6

Font / weight:
BigDailyShort - Light
Font size:
20px/18px/16px
Line height:
28px/26px/20px
Lorem Ipsum dolor sit
Lorem Ipsum dolor sit

Helvetica Neue

Font / weight:
Helvetica Neue - Regular
Font size:
20px/16px/16px
Line height:
28px/24px/24px

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. External link. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, Internal link

Unordered list

Font / weight:
Pangram Regular
Font size:
18px/16px/16px/14px/14px/14px
Line height:
30px/26px/26px/21px/21px/21px
Letter spacing
0,01/0,01/0,01/0,01/0,01/0,01
  • List item
  • List item
  • List item
  • List item

Ordered list

Font / weight:
Pangram Regular
Font size:
18px/16px/16px/14px/14px/14px
Line height:
30px/26px/26px/21px/21px/21px
Letter spacing
0,01/0,01/0,01/0,01/0,01/0,01
  1. List item
  2. List item
  3. List item
  4. List item

Icons

Buttons

Normal button (btn)

Large button (btn btn--large)

Icon only - Arrows (small)

Icon only - Arrows

Icon only - Arrows (large)

Icon only / Social links

Inputs

Overig

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. 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. 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. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Gravity Forms

Checkbox list
Radio list
Toestemming