WACUHO Brand Guidelines
A shared visual language for connection, professional growth, and stronger campus communities across the Western region.
This guide explains how WACUHO communicates across its website, events, social media, publications, presentations, and member resources. Use these standards to create work that feels credible, welcoming, inclusive, practical, and unmistakably WACUHO.
Version 1.0 | September 2026
Connect. Develop. Belong.
Professional and credible
WACUHO provides trusted connections, resources, and professional opportunities for housing and residential life professionals.
Inclusive and community-centered
WACUHO recognizes the diverse people, institutions, and communities that make campus life possible.
Forward-looking and practical
WACUHO shares ideas, tools, and practices that help professionals respond to the changing needs of students and campuses.
New Color System
WACUHO Primary Colors
Deep Blue
HEX: #004F9F
RGB: 0, 79, 159
CMYK: 100, 50, 0, 38
Primary buttons, links, headings, major brand areas
Accessible Teal
HEX: #00796B
RGB: 0, 121, 107
CMYK: 100, 0, 12, 53
Secondary actions, highlights, growth and community messaging
Warm Gold
HEX: #F2B632
RGB: 242, 182, 50
CMYK: 0, 25, 79, 5
Calls to action, recognition, accents, badges
WACUHO Interaction Colors
Deep Blue Hover
HEX: #003B73
RGB: 0, 59, 115
CMYK: 100, 49, 0, 55
Hover and active states for blue buttons
Teal Hover
HEX: #00695C
RGB: 0, 105, 92
CMYK: 100, 0, 12, 59
Hover and active states for teal buttons
Gold Hover
HEX: #D99E00
RGB: 217, 158, 0
CMYK: 0, 27, 100, 15
Hover and active states for gold buttons
WACUHO Supporting Colors
Accessible Gold Text
HEX: #8A5A00
RGB: 138, 90, 0
CMYK: 0, 35, 100, 46
Gold-toned text on white or Soft Mist
Ink
HEX: #1F2937
RGB: 31, 41, 55
CMYK: 44, 25, 0, 78
Body text, headings, dark icons
White
HEX: #FFFFFF
RGB: 255, 255, 255
CMYK: 0, 0, 0, 0
Backgrounds, reversed logo, button text
Soft Mist
HEX: #F5F7FA
RGB: 245, 247, 250
CMYK: 2, 1, 0, 2
Section backgrounds and cards
Border Grey
HEX: #E0E0E0
RGB: 224, 224, 224
CMYK: 0, 0, 0, 12
Borders, dividers, subtle structure
Rationale
WACUHO Branding
Deep Blue communicates professionalism, trust, stability, and regional leadership.
Accessible Teal represents growth, inclusion, collaboration, and innovation.
Warm Gold represents connection, recognition, optimism, and leadership.
Ink provides softer, more readable contrast than pure black.
Soft Mist creates calm section separation without visual heaviness.
Border Grey adds structure while keeping the design clean.
White creates clarity, breathing room, and visual balance.
Background | Text/Foreground | Contrast | Use |
|---|---|---|---|
Deep Blue | White | 8.02:1 | Yes |
Deep Blue Hover | White | 11.21:1 | Yes |
Accessible Teal | White | 5.32:1 | Yes |
Teal Hover | White | 6.61:1 | Yes |
Warm Gold | Ink | 8.05:1 | Yes |
Gold Hover | Ink | 6.18:1 | Yes |
Accessible Gold Text | Accessible Gold Text | 5.93:1 | Yes |
Ink | White | 14.68:1 | Yes |
Warm Gold | White | 1.82:1 | No |
Warm Gold is an accent color and button background. Do not use Warm Gold as small text on white. Use Accessible Gold Text instead.
New Typography System
Recommended roles
Use Lato Light only for large decorative text. Do not use it for body copy, buttons, navigation, or small labels.
Recommended minimums:
Body text: 16px
Lead text: 18px
Button text: 16px
Small labels: 14–16px
H1: never below 40px
H2: never below 32px
Keep the Scale text setting enabled in Wix, but define minimum and maximum sizes for every global text style. Wix Site Styles allows typography updates to flow across text elements using the same style.
Role | Font | Weight | Use |
|---|---|---|---|
H1 | Montserrat Black | Black | Hero and primary page title |
H2 | Montserrat | Bold | Major section headings |
H3 | Montserrat | SemiBold or Bold | Subsections and card titles |
H4 | Montserrat | SemiBold | Supporting headings |
H5 | Montserrat | Bold | Eyebrows and labels |
H6 | Montserrat | SemiBold | Small section headings |
Paragraph 1 | Lato | Regular | Lead paragraphs |
Paragraph 2 | Lato | Regular | Standard body text |
Paragraph 3 | Lato | Regular or Medium | Supporting text and metadata |
Quotes | Lato | Italic | Testimonials or featured statements |
New Logo System
Do Not!
-
Stretch or compress the logo
-
Rotate the logo
-
Change the logo colors
-
Add shadows or effects
-
Place the white logo on Warm Gold
-
Put the logo over busy photography
-
Recreate the wordmark with another font
-
Crop the logo
-
Use the wave mark as a replacement for the full logo in formal applications