The Oregon State University brand has a number of graphic tools that make us instantly identifiable. When they’re used consistently, these elements create continuity among families of materials.
Our icons should act as simple visual symbols — drawing attention to important messages and elements without dominating the design. The icons shown here are just a sampling. Click the downloads link below to see the whole set, and check back as new icons are added frequently.
There are a few stylistic approaches to icons that make them distinctive, including: gaps in the line work, rounded ends and rounded corners.
Our icon system is monoweight, meaning that all the elements of the icon are constructed with lines of a uniform weight.
Our icons can appear in any color in our palette, but all elements must be a single color within the icon. It is important to maintain sufficient contrast when selecting colors.
When scaling icons, the stroke weight should be scaled proportionally with the size of the icon. Icons should always remain at the same scale in relation to each other.
Have you already created some icons and want to use them on your Drupal site? Submit your icons for consideration to be added to the Drupal icon picker.
As a very flexible and customizable graphic element for the Oregon State University brand, graphic patterns can be used in a variety of interesting ways to create dynamic and engaging layouts.
Basic, grid-based patterns can be used universally across any type of imagery.
Custom contextual graphics can be complex both in content and meaning. They should relate directly to the subject matter, providing an additional layer of meaning. It's important that these graphics be used subtly as a compliment to the image, or message, with its stroke weight never dominating the overall content of the composition. Contact University Marketing for guidance.
Infographics are graphic visual representations of information, data or knowledge intended to present content quickly and clearly. Our infographics style aligns with the graphic approach for our icons — this ensures that when these elements are used together, they appear visually cohesive and consistent.