Web Grid System
Grid System
Gutter: 30px
Full Width
96.969% - 960px
Three-quarters Width
71.97% - 712px
Quarter Width
22% - 217px
Two-thirds Width
63.636% - 630px
Third Width
30.303% - 300px
Half Width
46.969% - 465px
Half Width
46.969% - 465px
Half Width
46.969% - 465px
Quarter Width
22% - 217px
Quarter Width
22% - 217px
Third Width
30.303% - 300px
Two-thirds Width
63.636% - 630px
Third Width
30.303% - 300px
Third Width
30.303% - 300px
Third Width
30.303% - 300px
Quarter Width
22% - 217px
Three-quarters Width
71.97% - 712px
Quarter Width
22% - 217px
Quarter Width
22% - 217px
Quarter Width
22% - 217px
Quarter Width
22% - 217px
Grid Dimensions
Gutters: 30 pixels
Left Column (desktop): 300 pixels
Two Col Content (desktop): 630 pixels
One Column (desktop): 960 pixels
Image Sizes:
Image widths should align with the site grid system. Suggested heights are given for universal standards, but can be custom cropped as needed.
One Column Page
- Full: 960 x 450 pixels
- Three-quarters: 712 x 375 pixels
- Two-thirds: 630 x 315 pixels
- Half: 465 x 300 pixels
- Third: 300 x 200 pixels
- Vertical Third: 300 x 400 pixels
- Quarter: 217 x 217 pixels
- Vertical Quarter: 217 x 289 pixels
Two Column Page
- Full: 630 x 315 pixels
- Three-quarters: 465 x 245 pixels
- Two-thirds: 410 x 220 pixels
- Half: 300 x 200 pixels
- VerticalHalf: 300 x 400 pixels
- Third: 190 x 145 pixels
- Vertical Third: 190 x 253 pixels
- Quarter: 135 x 135 pixels
- Vertical Quarter: 135 x 180 pixels
Home Page
- Desktop Slideshow Images: 1800 x 550 pixels
- Mobile Slideshow Images: 600 x 500 pixels