Various design elements are used throughout the FIU brand. To keep it clean, legible and consistent, these elements should be used sparingly. When using these elements, be sure to allow for white space and a clear hierarchy of information. Never allow graphic elements to overpower the messages we are communicating.
REAL word mark
There are four fixed wordmarks for the word “real” and each can be colored in both gradient options. Refrain from recreating new wordmarks for consistency.
It can also be used as a large textural element in environmental graphics.
This wordmark should be used separately from the “Real Triumphs” subheadline, in instances when “REAL” can be called out and treated on its own.
Using this wordmark reinforces the emphasis on real people making a real difference in the FIU community.
These gradient lines represent FIU’s empowering force that energizes the world. They live on the edges of shapes or can be used as a frame. For more details on measurements, please see the section below.
Energy lines don’ts
Do not use more than two lines per shape. Energy lines should move the eye around the composition rather than being a solid frame. Four shapes can be used on the corners of an image.
Gradient colors should always be seamless. Make sure to connect the colors at the corners.
Shapes can be used as a container for imagery as well as a textural element when used as a pattern. Though all shapes are different, there are three moves that define a shape in this brand. Each can be used in any combination to give you your desired shape.
Concave part of the shape that can be used as a style when short or used to hold information or logos when long.
Extremity of the shape that can be used to add small, stylistic touches when short; and to add dramatic but subtle touches when elongated.
A move that can give more style to the shape. Can also help with masking negative space when holding images.
Use any combination of moves as you like. Use your imagery and the shape of your copy block as a guide when creating shapes.
Do not use round or elliptical forms to build shapes.
While shapes can have several elements to them, refrain from creating shapes that become too complex.
Energy lines are also used throughout the brand as corners. They can be used in pairs or in all four corners.
It is important that corners are consistent in size (width and length) in the same creative execution to avoid inconsistencies and uneven design elements. The width and length will depend on the format and size of the creative asset as well as the content density. Please see the following section for more information about specific measurements.
Note: Approved corners are provided in the toolkit. Please refrain from recreating different versions.
These are examples of creative executions using corners.
Do not use a different length and width for one of the sides. Both sides should be consistent in length and width.
Measurements for energy lines, corners and brackets
The following section includes guidelines for the measurements of the energy lines, corners and brackets. Use these guidelines as a starting point knowing that these may change and could be adapted based on your creative asset. For example, some creative executions may have more text and may need to have a thinner line. These should be used as a reference and starting point. Overall, the lines should be thin, and not compete with photography or other information.
Remember that all lines need to have the same width and length to achieve a consistent look in the same execution.
Note: The print section includes CYMK colors. For all digital assets, HEX or RGB must be used.
The pattern is composed of unique shapes and boxes that are connected by their sides and corners to create different mosaic patterns. The pattern can be used as a texture in large fields of negative space or as a background element. It can also be used to show multiple photos in a single layout.
Do not run type over the pattern.
Do not use the pattern on top of imagery.
Do not use the pattern to crop an individual image.
Textured backgrounds are made from solid colors with a subtle glow located on the corners. If using copy over the textured backgrounds, take care to avoid running type over the corner gradient sections, as it will create legibility issues.