Tabbed container - Corner radius and sizing

Visual Identity Graphic Devices

When we want to show that one singular piece of content is part of a group or series of wider content, we use tabbed containers. The tab highlights there is more information inside the container.

45° angles To create the 'tab', 45° shapes can be drawn manually where desired.

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

Draw desired shape

45° angle

Rounded corner applied Tab text