Colors
primary
Breakpoints
Breakpoint | Resolutie | Actief | Grid | Gutter |
---|---|---|---|---|
FHD (desktop large) | 1920x1080px | 1920px - ∞ | 1440px | 33px |
XXL (desktop regular) | 1440x900px | 1440px - 1919px | 1170px | 25px |
XL (desktop small) | 1280x800px | 1280px - 1439px | 1170x | 25px |
LG (tablet landscape) | 1024x768px | 1024px - 1279px | 940px | 20px |
MD (tablet portrait) | 768x1024px | 768px - 1023px | -30px (links/rechts) | 15px |
SM (mobile landscape) | 568x375px | 568px - 767px | -15px (links/rechts) | 15px |
XS (mobile portrait) | 375x568px | 0px - 567px | -15px (links/rechts) | 14px |
Typography
Font family
Aa
Aa
Heading 1
Lorem Ipsum dolor sit
Heading 2
Lorem Ipsum dolor sit
Heading 3
Lorem Ipsum dolor sit
Heading 4
Lorem Ipsum dolor sit
Lead
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Quote
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Subtitle
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Subtitle 2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Subtitle 3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Body
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Body Strong
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Body Small
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Ordered list
- List item
- List item
- List item
- List item
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.