Our design system is a library of building blocks that build out our website and digital products.
Our entire design system consists of our branding, typography, heading and paragraph styles, colors, photography styles and graphics, links, buttons, form fields, dialogs, tables, sliders and multimedia players.
The combination of these elements create our dynamic component blocks. Our library reguarly goes through detailed treatment in terms of visuals, behavior, usage, and anatomy.
01. Brand
Brand Narrative
The role of our narrative is to lay the foundation for writing in a distinct voice, as well as to inspire the messages we communicate going forward. No matter who or what we’re writing about, our voice should stay true to the spirit of our brand narrative and our brand personality.
Tech is the practical application of knowledge. It’s transforming everything we learn into everything we’re capable of doing. For centuries it has enhanced our minds, enabled us to see farther than ever before, and empowered us to live better, more fruitful lives.
Tech is not some cottage industry, nor is it some modern invention. It’s the entire economy. And it’s both our history and our future.
But tech goes by many names.
Sometimes it’s called poetry, or accounting, or baseball.
When you get down to it, tech is everything.
And from the ship that will someday transport people to mars to everyday items we often overlook — like the pop-top lid or the screw off bottle cap (both invented by an alum by the way) — everything is tech.
So while some see a pitcher with a rocket for an arm, we see an athlete who’s also a programmer aiming for the stars. While coworkers may see a working mom, we see a motivated mother who’s working toward her masters.
Every day at Indiana Tech, we help people pull that distant dream into broad daylight where they can see it, try it, and grasp it for themselves.
Voice and Tone
If the positioning says what distinguishes us from other institutions, the next step is how to talk about ourselves. The verbal guidelines, including the brand narrative and brand voice, provide a cohesive direction for how campus communicators should tell our story to the world.
Personality
Innovative
Flexible
Determined
Modern
Resourceful
Writing Tips
Be bold, not overpowering.
Be proud, not arrogant.
Be friendly, not fawning.
Be flexible, not pandering.
Be determined, not status-seeking.
Be spirited, not fanatical.
Keep it simple. True experts, it is said, can explain their subject to a 1st grader. Even though we’re writing about higher education, not to mention some of the most complex academic programs and research topics in the world, the same logic still applies. Keep it simple.
Be concise. Our audiences tend to lose patience rapidly. Not because people are unintelligent, but because they’re constantly distracted by the endless barrage of media in our daily lives. Keep that in mind when writing and get to the point.
Tell them “Why”. All that media mentioned earlier? IT is in direct competition with pretty much all of it. When it comes to telling our story and getting our message across, never lose sight of the real benefits that an IT education provides — to our immediate audience, our community, our region, and our world. Make sure your writing always ties back to why IT matters.
Logos
The Indiana Tech logo represents us at the very highest level. It acts as our signature and stamp of quality. It is, and should always be, the most consistent component in our communications.
Use only the provided files of the original mark. Under no circumstances should the logo be redrawn, re-proportioned or modified in any manner. Elements of the logo should not be separated or repositioned. Do not use drop shadows, bevels, 3-D effects, animation, embosses, glows or outlines.
Beyond our logo, color is the most recognizable aspect of our brand identity. These colors represent our forward-looking, modern personality without losing sight of our heritage. Using color appropriately is one of the easiest ways to make sure our materials reflect a cohesive IT brand.
WCAG 2 level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text, and a contrast ratio of at least 3:1 for graphics and user interface components (such as form input borders).
Use webaim when using accent colors to ensure accessibility.
Neutral Colors
Warm Gray - Base
RGB: 57,57,57
HEX: #393939
Dark Gray - Base
RGB: 30,56,76
HEX: #797D83
Smoke Gray - Base
RGB: 187,88,188
HEX: #BBBCBC
Fog Gray - Base
RGB: 223,225,223
HEX: #DFE1DF
Mist Gray - Base
RGB: 244,244,244
HEX: #F4F4F4
Core Colors
Bold Orange - Base
RGB: 250,70,22
HEX: #FA4616
Tech Orange - Base
RGB: 242,103,34
HEX: #F26722
Light Orange - Base
RGB: 247,146,29
HEX: #F7921D
Indigo Gray - Base
RGB: 30,56,76
HEX: #1E384C
Indigo Gray - Shade
RGB: 16,37,49
HEX: #132531
Secondary + Accent Colors
Plum - Base
RGB: 105,18,64
HEX: #691240
Plum - Shade
RGB: 80,14,52
HEX: #530E34
Dark Blue - Base
RGB: 13,75,119
HEX: #0D4B77
Dark Blue - Shade
RGB: 80,51,83
HEX: #0A3353
Bright Blue - Base
RGB: 52,152,219
HEX: #3498DB
Bright Blue - Shade
RGB: 37,107,153
HEX: #256B99
Rust - Base
RGB: 164,37,35
HEX: #A42523
Rust - Shade
RGB: 132,29,27
HEX: #841D1B
Sea Green - Base
RGB: 0,128,113
HEX: #008071
Sea Green - Shade
RGB: 0,102,91
HEX: #00665B
When using #FA4616 or #F26722, for accessibility please don’t use with font sizes smaller than 18px. Otherwise, use only as an accent color.
Typography
What we say and how we say it becomes our voice. Typography becomes our handwriting. And just like an individual's handwriting, our typography is unique to us. Our typefaces were chosen to provide flexibility to address difference situations and audiences through various communications.
Headings are one of the most important elements in web typography. Headings invite visitors to invest attention into content on a page. Since users tend to scan as they scroll through a page, maintaining proper hierarchy is essential.
H1 Rival Regular/Bold 32px 2.5em
Tech is in our name. Everything is in our purview.
H2 Source Sans Pro Regular/Bold or Rival Regular 28px 1.75em
Tech is in our name. Everything is in our purview.
H3 Source Sans Pro Regular/Bold 22px 1.5em
Tech is in our name. Everything is in our purview.
H4 Source Sans Pro Regular/Bold 18px 1.3em
Tech is in our name. Everything is in our purview.
H5 Source Sans Pro Regular/Bold 16px 1em
Tech is in our name. Everything is in our purview.
H6 Source Sans Pro Regular/Bold 12px 0.85em
Tech is in our name. Everything is in our purview.
Subheadings
Subheadings or subtitles add a little variation to headings and allow for us to size up content into readable chunks. Subheadings should be limited to single sentences and should not be more than three lines in length.
Large Source Sans Pro Bold/Semibold 14px
Base Nine Bold/Regular 14px
Career Focused Education
Regular Source Sans Pro Bold/Semibold 14px
Base Nine Bold/Regular 14px
Career Focused Education
Paragraphs
Paragraphs are the backbone of our content on the site. It's important the body font is one with a reasonable x-height such as Open Sans.
The size should be between 0.875em and 1em, or roughly 16 pixels. The line height should be 1.6.
College of Business
The College of Business is committed to preparing graduates to thrive in today’s complex business environment. We provide our students with a broad-based undergraduate education built upon specific business knowledge. We also offer advanced graduate programs which include in-depth studies with concentrations in specific areas of business. Our business programs prepare graduates who are business leaders, lifelong learners and well-rounded, educated citizens of the world.
Whether you’re looking to pursue an undergraduate degree or want to obtain an advanced degree, the College of Business offers challenging degree programs that will help prepare you for life after college.
Success Stories
Our graduates go on to do great things in exciting careers that they are passionate about and we love telling their stories.
Applying for Admission
Traditional Undergraduate Courses:
If you’re ready to apply for admission, please complete and submit our free application for admission. If you would like to learn more about Indiana Tech or the College of Business, please contact our admissions office.
Evening, Weekend and Online Courses:
Adult students interested in applying for admission within the College of Professional Studies can learn more about how to apply or request information from one of our many locations throughout Indiana, Kentucky, and Illinois
Links
Standard body content Links are heavier in font weight with a dashed border below in the color #1e384c.
College of Business
The College of Business is committed to preparing graduates to thrive in today’s complex business environment. We provide our students with a broad-based undergraduate education built upon specific business knowledge. We also offer advanced graduate programs which include in-depth studies with concentrations in specific areas of business. Our business programs prepare graduates who are business leaders, lifelong learners and well-rounded, educated citizens of the world.
Buttons
Buttons are interactive elements that allow users to perform actions. The class .btn can be used on both buttons and anchor tags.
Change out the size of the button by adding "lg" for large, "md" for medium and "sm" for small, example, .btn-md. Remove the class "btn-bordered" to remove the border from the button.
Colors are defined as btn-orange, btn-black, btn-blue, and btn-white.
