Hang lines

In addition to columns, horizontal hang lines can be added. These should fit with the margin area. Use these to order content and be the point at which text should hang from.

Our hang lines can also inform the placement and scale of our graphic system.

Hang lines vertical layout

7 column vertical layout with 5% margin, 2.5% gutter and 6 hang lines

Hang lines square layout

7 column square layout with 5% margin, 2.5% gutter and 4 hang lines

Hang lines horizontal layout

8 column horizontal layout with 5% margin, 2.5% gutter and 2 hang lines