Colors
primary
Secondary
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
Lorem Ipsum dolor sit
Heading 4
Lorem Ipsum dolor sit
Heading 5
Lorem Ipsum dolor sit
Heading 4
Lorem Ipsum dolor sit
Lead
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.ank
Lead 2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.ank
Subtitle
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.ank
Subtitle 2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.ank
Body
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.ank
Body Strong
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.ank
Body Small
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.ank
Button
Unordered list
- List item
- List item
- List item
- List item
Ordered list
- List item
- List item
- List item
- List item