Design grid Guides
for larger Breakpoints
The guides can be downloaded as SVG files and exist in two versions: the first version uses white and gray as colors and let you control their opacity using CSS on a parent element.
The transparent versions are set at 5% opacity and are ready to be used as a background-image on the Body element.
Device: Main (940px, default)
12 × 80px columns
Device: Large (1280px)
16 × 80px columns
Device: Large (1280px)
8 columns
Device: XL (1440px)
18 × 80px columns
Device: XL (1440px)
12 columns
Device: XL (1440px)
6 columns
Device: XXL (1920px)
22 × 80px columns
Device: XXL (1920px)
12 columns
Device: XXL (1920px)
6 columns
%20%202020-04-10%2015-04-19.png){kind=tracking}