Colors
Our primary palette leads with our recognizable brand colors of Illinois Tech Red, Gray and Black. Layouts will lean heavily on these colors, but will also mix with the accent palette to build color schemes that are complementary and balanced. The supporting palettes complement the primary palette for use on the website and in print materials. The goal of a complementary palette is to add highlights and color to materials without detracting from the official university colors.
Name: IL Tech Red
Hex:#cc0000
Name: IL Tech Gray
Hex:#76777b
Name: Il Tech Black
Hex:#00000
Name: White
Hex:#ffffff
Secondary Color
Name: Yellow
Hex:#ff9900
Accessibilty
Some people with visual impairments interpret color and contrast differently, making it difficult to access information communicated only by color. Making colors accessible usually means creating color combinations that provide enough contrast that the content is clearly distinguishable from the surrounding page.
|
Background
Text
|
#FFFFFF
|
#CC0000
|
#76777B
|
#FF9900
|
#000
|
|---|---|---|---|---|---|
|
White
#FFFFFF
|
Text
AA
5.8
|
Text
AA18
4.4
|
Text
DNP
2.1
|
Text
AAA
21
|
|
|
IL Tech Red
#CC0000
|
Text
AA
5.8
|
Text
DNP
1.3
|
Text
DNP
2.7
|
Text
AA18
3.5
|
|
|
IL Tech Gray
#76777B
|
Text
AA18
4.4
|
Text
DNP
1.3
|
Text
DNP
2
|
Text
AA
4.7
|
|
|
Yellow
#FF9900
|
Text
DNP
2.1
|
Text
DNP
2.7
|
Text
DNP
2
|
Text
AAA
9.8
|
|
|
#000
|
Text
AAA
21
|
Text
AA18
3.5
|
Text
AA
4.7
|
Text
AAA
9.8
|
|
|
AAA Pass, AAA (7+)
AA Pass, AA (4.5+)
AA18 Pass, Large Text Only (3+)
DNP Does Not Pass
|
|||||
Typography
The Source Sans and Source Serif font family has been chosen not only for its appealing characteristics, but also for its flexibility for both print and web uses. This font family can be used both for body text (Light and Regular weights) and as display/headline text. You can find the fonts for download here:
When creating materials that will be displayed on computers that don’t have this font (i.e. in Microsoft applications), replace with Arial and Georgia.
PowerPoint & Word Templates
Click on the links below to download IIT branded PowerPoint and Word templates.
Graphic Style & Iconography
Graphics can be used inside of the course page or videos to facilitate visual storytelling. The use of visuals can emphasize and highlight the practical expression of course content. The illustration style is simple and flat in nature. Colors should match those outlined in the “Type” and “Colors” section of this style guide.
Character Illustration Style
An illustration style has been established as a visual precedent for how characters would be illustrated inside of animations in video and in narrative sequences via images. The illustration style will create consistency with the look and feel across the courses.
Get Help
Email asp_creativeservices@risepoint.com to submit a question, report an issue, or suggest a resource or tutorial.
