Design & Development

The overall design, look and feel of svsu.edu is established to convey the SVSU identity and brand, and project to our audience a positive, consistent tone and message. Using consistent visual elements on a continual basis achieves brand identity. Such overall web design incorporates everything from logos and web banners to font styles and navigation menus. However, multiple web templates with dynamic elements and features are available to support the unique needs and goals of departmental sites, thus creating a robust overall web presence.  

From basic page layout to elaborate designs, our team can assist in creating dynamic layouts, crafting marketable content and, with search engine optimization, strategic imagery, video placement and other web strategies we can assist in telling your story! 

WEB COLORS

Primary Colors

SVSU Web Blue
HEX: #0C4269
RGB: 12, 66, 105
SVSU Web Red
HEX: #990000
RGB: 153, 0, 0
SVSU Web Black
HEX: #000000
RGB: 0, 0, 0
SVSU Web White
HEX: #FFFFFF
RGB: 255, 255, 255

Secondary Colors (For accents only)

SVSU Web Gold
HEX: #F6B330
RGB: 246, 179, 48
SVSU Web Gray 1
HEX: #616161
RGB: 97, 97, 97
SVSU Web Gray 2
HEX: #CCCCCC
RGB: 204, 204, 204
SVSU Web Light Blue
HEX: #69C0FF
RGB: 105, 192, 255
SVSU Logo Red
HEX: #C41230
RGB: 196, 18, 48
SVSU Web Blue 2
HEX: #005698
RGB: 0, 86, 152

These colors were chosen to both help to reinforce the SVSU brand, and to help maintain ADA compliance throughout the site.

Accessible Color Combination

Background
White
Web Blue
Web Red
Black
Web Gold
Gray 1
Gray 2
Light Blue
Logo Red
Web Blue 2
 
Aa
X
X
X
Aa
X
Aa
Aa
X
X
 
Aa
X
X
X
Aa
X
Aa
X
X
X
 
Aa
X
X
X
Aa
X
Aa
Aa
X
X
 
X
Aa
Aa
Aa
X
Aa
X
X
Aa
Aa
 
X
Aa
Aa
Aa
X
X
X
X
X
X

Secondary Colors

Background
White
Web Blue
Web Red
Black
Web Gold
Gray 1
Gray 2
Light Blue
Logo Red
Web Blue 2
 
Aa
X
X
X
X
X
X
X
X
X
 
X
Aa
Aa
Aa
X
X
X
X
X
Aa
 
X
Aa
X
Aa
X
X
X
X
X
X
 
Aa
X
X
X
X
X
X
X
X
X
 
Aa
X
X
X
X
X
X
X
X
X
X

Please don't use these color combinations; they do not meet a color contrast ratio of 4.5:1, so they do not conform with the standards of Section 508 for body text. This means that some people would have difficulty reading the text. Employing accessibility best practices improve the user experience for all users.

Accessible Color Combination

Background
White
Web Blue
Web Red
Black
Web Gold
Gray 1
Gray 2
Light Blue
Logo Red
Web Blue 2
 
Aa
X
X
X
Aa
X
Aa
Aa
X
X
 
Aa
X
X
X
Aa
X
Aa
X
X
X
 
X
Aa
Aa
Aa
X
Aa
X
X
Aa
Aa
 
Aa
X
X
X
Aa
X
Aa
Aa
X
X
 
X
Aa
Aa
Aa
X
X
X
X
X
X

Secondary Colors

Background
White
Web Blue
Web Red
Black
Web Gold
Gray 1
Gray 2
Light Blue
Logo Red
Web Blue 2
 
Aa
X
X
X
X
X
X
X
X
X
 
X
Aa
Aa
Aa
X
X
X
X
X
Aa
 
X
Aa
X
Aa
X
X
X
X
X
X
 
Aa
X
X
X
X
X
X
X
X
X
 
Aa
X
X
X
X
X
X
X
X
X
X

Please don't use these color combinations; they do not meet a color contrast ratio of 4.5:1, so they do not conform with the standards of Section 508 for body text. This means that some people would have difficulty reading the text. Employing accessibility best practices improve the user experience for all users.

Need Help With Your Website?


1.

Submit Ticket


Now available! Try our easy to use online form, for support and/or content updates.

 

 

2.

Call


Dial (989) 964-7303 Monday through Fridays between the hours of 8:00 and 4:30 p.m.

 

3.

Visit


Pop in to chat with us at Wickes 364.

4.

Email


Send an email to webops@svsu.edu.