Standard container - Corner radius and sizing

Visual Identity Graphic Devices

The container device is a flexible asset that can take any height or width along the base grid.

The size of our base grid will inform the corner radius and margins, this page shows a 12pt base grid.

Corner radius The corner radius is defined by the base grid, in this example: 12pt.

When placing additional container devices inside a container, the radius inside is halved – as the example on this page demonstrates:

Outside radius: 12pt Inside radius: 6pt

Interior margins Like it's surrounding gutter spaces, a container's margins should be defined by the base grid unit, in this example: 12pt.

Corner Radiuses Scales with base grid

Outside: 12pt

Interior Margins 12pt Inside:6pt