Action Angles 2.0

We use action angles to add visu­al inter­est mim­ic­k­ing action, inten­si­ty and depth in sport. This graph­ic ele­ment is based on a sim­ple 60° rhom­bus, which gives oth­er­wise chaot­ic lay­outs a sense of structure.

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

When a sep­a­ra­tion is need­ed, a sin­gle rhom­bus pro­vides just enough change to lead your eye.

Multiple rhom­bi can be added togeth­er to cre­ate a more detailed shape. Our design­ers often use them as a pho­tog­ra­phy mask or two-col­umn lay­out with con­tent in each column.

When per­son­al­i­ty and brand is the pri­ma­ry focus, adding and sub­tract­ing rhom­bi can pro­vide a lev­el of visu­al inter­est. In these cas­es, we treat the shapes more like an image than a back­ground 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