The university’s primary graphic device is a combination of overlapping boxes containing photography, text and brand colours. This unites our toolkit elements and creates a modular visual language that makes up our distinct style.
These boxes are used to create clear space for headlines and call-out text, define the edges of photography and contain fields of colour. In layout, they are used together to create visual interest, balance and movement. When used thoughtfully, they are the most effective tool for conveying the Ryerson university brand.
Depending on application, audience and message, our graphic device can be used simply, with a single box, or up to a maximum of three boxes of imagery and colour.
Overlapping frames are integral to our visual language. When designing for the Ryerson brand, start simple – all boxes should have a purpose.
The university’s graphic device uses a combination of overlapping boxes containing photography, text and brand colours. The following guide below shows the steps to combine all of the elements effectively.
1. Consider your text first.
- Always start with headlines on your top layer, and consider a colour frame to draw attention.
- When combining text with boxes, create comfortable margins around the headline text by using a lower case letter as a spacing unit.
- Boxes are always rectangular; do not jog rectangles to conform with text rag.
- Website addresses are placed in lower right corner.
2. Add photography and colour to complement your message.
- Use colour to complement photography or increase visual interest.
- Fields of colour are used to balance the page layout.
- Select colours that create contrast without overwhelming or competing for attention.
- Maximize background colour boxes as much as possible while maintaining some white space to retain the visual language of overlapping frames.
- We recommend using one strong image.
- Enlarge the photo as much as possible for hierarchy in the layout.
- Boxes can be used to create thoughtful cropping of imagery.
- Photography can be used to complement primary messages, or in the background for texture.
- Place the box over the photograph in such a way that it does not crop out any important information.