1600
This environment is not optimized for viewing on small or mobile devices. Please view on a larger browser for the best experience.
If you have any questions, please contact us.
This environment is not optimized for viewing on small or mobile devices. Please view on a larger browser for the best experience.
If you have any questions, please contact us.
Our system is based on a standard 12 column grid to allow for flexible modules of varying sizes. Using a grid keeps designs neat and organized, and consistent across products. The grid encourages alignment and promotes balance.
Suggested Responsive Grid Layouts
Align designs to a 6 column grid. Rows may consist of multiple containers.
Align designs to a 4 column grid. Modules are stacked in full-width containers.
Using a 12 column grid allows for flexibility while maintaining order. The 12 columns are easily split to accommodate two, three or four columns and asymmetrical layouts.
1600
1600px+
Auto
12
Extra Extra Large (XXL)
1200
1200-1600px
40px
12
Extra Large (XL)
992
992-1199px
40px
12
Large (L)
768
768-991px
40px
12
Medium (M)
576
576-767px
40px
12
Small (S)
0 (Design for 320px min)
0-575px
20px
12
Extra Small (XS)
Range
Page Margin
Columns
Shirt Sizes
Breakpoint
Aon Consumer Experience & Design Group
200 E. Randolph St.
5th Floor
Chicago, IL 60601
global.design@aon.com
For best results, please view on Desktop in Chrome or Firefox.