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
Heading 1
Lorem Ipsum dolor sit
Lorem Ipsum dolor sit
Heading 2
Lorem Ipsum dolor sit
Lorem Ipsum dolor sit
Heading 3
Lorem Ipsum dolor sit
Lorem Ipsum dolor sit
Heading 4
Lorem Ipsum dolor sit
Lorem Ipsum dolor sit
Subtitel H1
Subtitel H2
Body Text
Lorem Ipsum dolor sit
Quote
Donec quam felis, ultricies nec, pellentesque eu, pretium quis
Buttons
Icon only - Arrows
Icon only - Social links
Icon only - Social share
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.
