Skip to main content

Visual Identity

Our team has developed guidelines that shape our reputation and showcase our boldness and originality with impactful logos, a unified color scheme, and aspirational graphics.

Table of Contents


Color

The selection of our primary color palette showcases our bold nature. Our secondary and tertiary colors incorporate a range of warm, deep complimentary hues while providing a creative yet prominent palette. Red (PMS 186) is still our main color (Go Coogs!) and should be present in our designs.

Primary Brand Colors

    • Red
    • R:200 G:16 B:46
    • PMS: 186 C
    • C:0 M:100 Y:81 K:4
    • HEX: c8102e
    • Teal
    • R:0 G:179 B:136
    • PMS: 339 C
    • C:84 M:0 Y:59 K:0
    • HEX: 00b388
    • Gold
    • R:246 G:190 B:0
    • PMS: 7408 C
    • C:0 M:29 Y:100 K:0
    • HEX: F6BE00
    • Gray
    • R:136 G:139 B:141
    • PMS: Cool Gray 8 C
    • C:26 M:16 Y:13 K:46
    • HEX: 888b8d
    • Cream
    • R:255 G:249 B:217
    • PMS: 7499 C
    • C:1 M:2 Y:24 K:0
    • HEX: fff9d9
    • White
    • R:255 G:255 B:255
    • PMS: White
    • C:0 M:0 Y:0 K:0
    • HEX: ffffff

Secondary Brand Colors

    • Brick
    • R:150 G:12 B:34
    • PMS: 704 C
    • C:8 M:97 Y:76 K:31
    • HEX: 960C22
    • Green
    • R:0 G:134 B:108
    • PMS: 328 C
    • C:100 M:10 Y:61 K:38
    • HEX: 00866C
    • Mustard
    • R:216 G:155 B:0
    • PMS: 124 C
    • C:10 M:30 Y:100 K:0
    • HEX: D89B00
    • Slate
    • R:84 G:88 B:90
    • PMS: 425 C
    • C:45 M:29 Y:26 K:76
    • HEX: 54585a

Tertiary Brand Colors

    • Chocolate
    • R:100 G:8 B:23
    • PMS: 490 C
    • C:26 M:85 Y:85 K:72
    • HEX: 640817
    • Forest
    • R:0 G:89 B:80
    • PMS: 3305 C
    • C:95 M:25 Y:70 K:68
    • HEX: 005950
    • Ocher
    • R:185 G:120 B:0
    • PMS: 1245 C
    • C:9 M:35 Y:98 K:30
    • HEX: B97800
    • Black
    • R:0 G:0 B:0
    • PMS: Black
    • C:0 M:0 Y:0 K:100
    • HEX: 000000

Typography

Our fonts are a visual extension that expresses our bold, direct but aspirational tone. League Gothic, Milo and Crimson are our three mainstays that provide a strong, refined, yet academic style representative of the University and strengthen of our brand with consistent use.

Use all three typefaces to create emphasis and hierarchy within your communications.

Headline

League Gothic is the headline font in Houston’s brand and should be used for big typographic moments.

  • League Gothic Regular

League Gothic font family is an open source font and can be downloaded in the download zone.

Secondary

Milo is the typeface suitable for subheads, pull quotes, and title pages or instances where legibility must be immediate, such as billboards. Milo also serves as the primary typeface for web usage.

  • Milo Extralight
  • Milo Extralight Italic
  • Milo Regular
  • Milo Italic
  • Milo Bold
  • Milo Bold Italic
  • Milo Black
  • Milo Black Italic

Body Copy

Crimson is the primary supporting typeface for the Houston brand. It is suitable for use in body copy and subheads.

  • Crimson Regular
  • Crimson Italic
  • Crimson Semibold
  • Crimson Semibold Italic
  • Crimson Bold
  • Crimson Bold Italic

Limited Use

Alex Brush is a limited use display font in Houston’s brand. It is an option to be used sparingly on materials created for formal events. Some usage examples for this font include black tie events, VIP greetings and holiday cards. This font should not be used with a shadow behind it or in all caps. It should not be used for significant blocks of text. We still encourage the primary use of Milo, League Gothic and Crimson on materials.

  • Alex Brush Regular

Alex Brush font is a free font and can be downloaded in the download zone.

Equivalent Fonts for Limited MS Office Use

If you are unable to install League Gothic, Milo or Crimson on a temporary or off-campus computer*, you can use the following Microsoft Office equivalent fonts:

League Gothic Milo Crimson
Impact Trebuchet Times New Roman

*Important: Only use these fonts when you have no other options (e.g. a presentation that is off-campus or shared MS Word document). Do not use on printed pieces.


Graphics

Graphics are a key part of our identity.

Icons

Our single-colored icons reveal direct yet high-spirited elements that support our story and build on creativity.

The idea behind the icons is to keep them simplistic and direct in order to make bold visual statements that support the copy. Designed as flat and in a single-color, icons should not be used for decorative purposes and are used as support in larger illustrations or secondary visuals.

icon examples

Please Note: Icons are not logos and should not be used as such to identify a department, college, program or University business unit.

Photo Illustration Style

Our photo illustration style utilizes current elements of the brand and introduces new and interesting methods to create effective communications. This style accommodates a wide range of design skills, allowing for simple layouts to more complex layered designs. Below are the various elements that make up the illustration style. Transparency effect should not be applied to the UH logos.

Layered graphics and text

Continue to use strong photos that align with UH brand photography but make sure that the photo has a layout or composition that allows for layering of graphics and text.

Illustration - UH Abroad

Brand typography

Brand typography usage to create interesting text treatments.

Photo with text treatment

Shapes, lines and icons

Use geometric shapes and lines, in addition to icons.

Photo with geometric shapes and icons

Heavy use of transparency

Photo Use of Transparency

Duotones, text and shapes

Photo with duotone example

 

 

 

Instructions on creating duotones and monotones in Adobe InDesign can be found at Resources for Designers.

Smart placement and layering of graphics and text

Smart placement and layering of graphics and text


Photography

Portraits

Houston’s brand of photography strives for an in-the-moment feeling. We use images captured from unexpected angles or vantage points to create a candid feel. Portraits especially should show the confidence and focus of the subject without feeling staged. The lighting should give the photographs an overall warmth, and help them drive the aspirational tone.

examples of portraits

Action/Group shots

Using more candid shots is what makes the brand’s photography feel approachable. It has a tonal warmth while still showing a confidence in the subjects. The lighting and lens flares demonstrate the brand’s aspirational ideals.

examples of action/group photography

Campus/Object shots

Unexpected angles are employed in the campus shots as well. This type of photography should be more staged and laid out with intention unlike the photographs with human subjects.

examples of campus/object photography

Duotone and Monotone Photo Technique

This photo technique is an option that uses the colors from the brand palette in combination with black and white photos to create colorful graphic images. Please note: the images that are used with this technique still need to remain in the brand style.

examples of monotone images

Instructions on creating duotones and monotones in Adobe InDesign can be found at Resources for Designers.

Photography Don’ts

It’s helpful to see the great shots, but it’s also important to know what to avoid when capturing photography. Here are some photography don’ts.

examples of photography dont's.

× Dated Technology × Inauthentic

examples of photography dont's.

× Forced Diversity / Too Staged × Too Staged / Photo Aware Ruins Candidness


Video

Videos should follow the same general guidelines outlined for photography. Striving for candid shots, capturing insightful moments, and finding unexpected angles help create videos that have a sense of warmth to help UH tell its stories genuinely and honestly.