SIU Carbondale Web Site Brand | The Brand | SIU

SIU Logo

The Brand

SIU Carbondale Web Site Brand | The Brand | SIU

SIU Carbondale Web Site Brand Main Content

SIU Carbondale Web Site Brand Requirement

It is highly recommended that University web templates be used for University websites. Web templates from University Communications already comply with the branding requirements as well as the University’s web standards and are available in formats that do not require advanced web editing skills to post or update. Web templates can be downloaded. Anyone not using a University Communications template or making modifications to University templates should go through the two step process listed below.

Web sites submitted to University Communications for brand compliance review by someone in the webmaster’s supervisory line must follow the two step process below.

Please fill out the form
in order to submit a site to University Communications for Brand Compliance Review.

STEP 1: Minimum Brand Requirements

Before submitting a site for review, please make sure the site meets the minimum requirements listed here. Please note that the design requirements listed below are required in addition to the University Web Standards.

1. Logo (or Identifier): All pages must offer a link back to the SIU website (www.siu.edu) using the official web logo provided by SIU Web Services. The logo must be on the top left with sufficient padding around the logo and must be displayed at the size outlined in the Web Standards.  If using a departmental Identifier,  “SIU Carbondale” must link back to siu.edu and the name of the department must link back to the department website’s home page.

2. Readability: For accessibility purposes, all websites must be readable by all viewers, including those with vision impairments, low vision, and color blindness. All fonts must be of readable size and colors must have sufficient contrast with the background. Consider colors, background colors, contrast, line length, and font size when designing a web site.

2. Contact info: In addition to the webmaster’s email address with mail code, the unit or department’s phone number, name and email must appear on the site.

4. Domain: If not otherwise completed, sites must have reached an agreement with University Communications on a date to have their website address changed from siuc.edu to siu.edu.

5. Colors: Sites must follow the color palette. Please note that white and grey can be used as supplementary colors, but not as background colors.

STEP 2: Website visual review

Sites will be visually reviewed by University Communications staff for compliance with the University’s brand standards. For some tips on how to make your site brand compliant, read below.

Please note that web sites will not be visually reviewed unless all of minimum requirements in Step 1 are met.

Once the visual review is complete, the site’s owner will be notified by University Communications staff either that the site is brand compliant or that remediation is needed to bring the site into compliance. A list of steps needed to bring the site into compliance with the brand requirements along with a deadline for remediation will be provided.

Sites that have not been reviewed for brand compliance and/or do not meet the University’s Web Standards should not be made live to the public.

Tips for making your site brand compliant

Fonts:  Use a san serif font such as Tahoma or Arial.  A cufon javascript will allow you to embed the same font being used on siu.edu site if you choose to do so.  Implementation will need to be handled by each site’s webmaster.

Color: Match the brand color palette as closely as possible. For example, using the beige color (#D9D6CB) for the background of the overall page would match the brand.

Page specific titles: Give each page a title that relates to the content of the page.

Navigation: Plan out your website before you post it. Carefully thought out information architecture creates a better experience for end users and helps them find what they are looking for easily.

Tables: Tables should not be used for design of the page layout.

Color screening: Do not screen white or any other color over maroon. The only colors that can be screened over maroon are shades of black.

Images: Images should not be used instead of text – particularly in navigation.