Action Angles 2.0

We use action angles to add visual interest mimicking action, intensity and depth in sport. This graphic element is based on a simple 60° rhombus, which gives otherwise chaotic layouts a sense of structure.

Rhombi can be resized and stretched but the 60° angle should remain consistent.

When a separation is needed, a single rhombus provides just enough change to lead your eye.

Multiple rhombi can be added together to create a more detailed shape. Our designers often use them as a photography mask or two-column layout with content in each column.

When personality and brand is the primary focus, adding and subtracting rhombi can provide a level of visual interest. In these cases, we treat the shapes more like an image than a background element.

Don’t skew rhombi by changing the 60° angle.

Do stretch rhombi while maintaining the 60° angle.

Don’t make the ledge from one rhombus to another too big. It shouldn’t feel like a stair step.

Do make the ledge narrow like an accent.

Don’t create a saw blade between the shapes.

Do create subtle tension by keeping small rhombi to the left of large ones.

Don’t start the angle from the upper left, moving toward the bottom right.

Do start the angle from the bottom left, moving toward the upper right.

Don’t layer different colors on top of each other.

Do layer the same color at multiple levels.

Last Updated: 20 May 2020 at 10:35am CDT