The University of Toledo

<!DOCTYPE html> <html lang="en"> <head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://www.utoledo.edu/offices/marketing/brand-guide/guide.html","20230320201711","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1679343431"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">  <title>The University of Toledo | Brand Guide</title>  <meta name="description" content="The University of Toledo Brand Guide">  <meta itemprop="name" content="The University of Toledo | Brand Guide"> <meta itemprop="description" content="The University of Toledo Brand Guide">  <meta name="twitter:card" content="The University of Toledo Brand Guide"> <meta name="twitter:title" content="The University of Toledo Brand Guide"> <meta name="twitter:description" content="The University of Toledo Brand Guide">  <meta property="og:title" content="The University of Toledo Brand Guide"> <meta property="og:description" content="The University of Toledo Brand Guide"> <meta property="og:url" content="./"> <meta property="og:site_name" content="The University of Toledo Brand Guide"> <meta property="og:locale" content="en_US"> <meta property="og:type" content="website">  <link rel="apple-touch-icon" sizes="180x180" href="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/favicon-16x16.png"> <link rel="manifest" href="./site.webmanifest"> <meta name="msapplication-TileColor" content="#003E7E"> <meta name="theme-color" content="#ffffff">  <script defer src="https://web.archive.org/web/20230320201711js_/https://use.fontawesome.com/releases/v5.2.0/js/all.js" integrity="" crossorigin="anonymous"> </script> <link rel="stylesheet" href="https://web.archive.org/web/20230320201711cs_/https://use.typekit.net/nyu2few.css?v=2.1"> <link rel="stylesheet" href="/web/20230320201711cs_/https://www.utoledo.edu/offices/marketing/brand-guide/css/main.min.css?v=8.2"> <link rel="stylesheet" href="/web/20230320201711cs_/https://www.utoledo.edu/offices/marketing/brand-guide/css/adjustments.css"/> <style> .large-download__wrapper { background-color: #003e7e; } .large-download__file-info { background-color: #f2f2f2; color: #003e7e; } .large-download__file-icon { background-color: #003e7e; color: #ffffff; font-size: 3rem; } .large-download:hover .large-download__wrapper { background-color: #f2f2f2; } .large-download:hover .large-download__file-info { color: #ffffff; background-color: #003e7e; } .large-download:hover .large-download__file-icon { color: #003e7e; background-color: #f2f2f2; } </style> </head> <body> <div class="site-wrapper"> <header class="header"> <section class="sub-intro"> <div class="container-fluid"> <div class="row"> <article class="col-12 pd-b-0 wow fadeInUpBig" data-wow-duration="1s"> <h1 class="intro__header"> <a href="./index.html" title="Full Guide"> <span class="h2 strong intro__title" id="client">The University of Toledo</span> <span id="project-name" class="h2 intro__subtitle text--wide text--reg">Brand Guide</span> </a> </h1> </article> </div> </div> </section> </header> <section class="navigation"> <nav role="navigation" class="site-nav"> <button aria-label="Open Menu" class="ut-btn nav-btn"> Menu <i class="fas fa-bars"></i> </button> <div class="site-nav__wrapper"> <ul class="no-h-padding connected-toggles"> <li class="site-nav__item"> <button class="site-nav__toggle" type="button" data-a11y-toggle="who-we-are-subnav"> Who We Are <i class="fas fa-angle-down"></i> </button> <ul id="who-we-are-subnav" class="sub-nav" data-a11y-toggle-open> <li class="site-nav__item site-nav__sub-item"> <a href="#background" title="Background Section" class="site-nav__link site-nav__link--sub">Background</a> </li> <li class="site-nav__item site-nav__sub-item"> <a href="#brand-overview" title="Brand Overview Section" class="site-nav__link site-nav__link--sub">Brand Overview</a> </li> <li class="site-nav__item site-nav__sub-item"> <a href="#brand-attributes" title="Brand Attributes Section" class="site-nav__link site-nav__link--sub">Brand Attributes</a> </li> </ul> </li> <li class="site-nav__item"> <button class="site-nav__toggle" type="button" data-a11y-toggle="writing-styles-subnav"> Writing Styles <i class="fas fa-angle-down"></i> </button> <ul id="writing-styles-subnav" class="sub-nav"> <li class="site-nav__item site-nav__sub-item"> <a href="#voice-and-tone" title="Voice and Tone Section" class="site-nav__link site-nav__link--sub">Voice and Tone</a> </li> <li class="site-nav__item site-nav__sub-item"> <a href="#university-writing-style" title="University Writing Style Section" class="site-nav__link site-nav__link--sub">University Writing Style</a> </li> </ul> </li> <li class="site-nav__item"> <button class="site-nav__toggle" type="button" data-a11y-toggle="logos-subnav"> Logos <i class="fas fa-angle-down"></i> </button> <ul id="logos-subnav" class="sub-nav"> <li class="site-nav__item site-nav__sub-item"> <a href="#the-university-of-toledo-logo" title="The University of Toledo Logo Section" class="site-nav__link site-nav__link--sub">The University of Toledo Logo</a> </li> <li class="site-nav__item site-nav__sub-item"> <a href="#tagged-utoledo-logo" title="Tagged UToledo Logo Section" class="site-nav__link site-nav__link--sub">Tagged UToledo Logo</a> </li> <li class="site-nav__item site-nav__sub-item"> <a href="#colleges-divisions-and-unit-logos" title="Colleges, Divisions and Unit Logos Section" class="site-nav__link site-nav__link--sub">Colleges, Divisions and Unit Logos</a> </li> <li class="site-nav__item site-nav__sub-item"> <a href="#restricted-use-logos" title="Restricted Use Logos Section" class="site-nav__link site-nav__link--sub">Restricted Use Logos</a> </li> <li class="site-nav__item site-nav__sub-item"> <a href="#fueling-tomorrows" title="Fueling Tomorrows Section" class="site-nav__link site-nav__link--sub">Fueling Tomorrows</a> </li> <li class="site-nav__item site-nav__sub-item"> <a href="#utoledo-shield-icon" title="UToledo Shield Icon Section" class="site-nav__link site-nav__link--sub">UToledo Shield Icon</a> </li> </ul> </li> <li class="site-nav__item"> <button class="site-nav__toggle" type="button" data-a11y-toggle="colors-subnav"> Colors <i class="fas fa-angle-down"></i> </button> <ul id="colors-subnav" class="sub-nav"> <li class="site-nav__item site-nav__sub-item"> <a href="#palettes" title="Palettes Section" class="site-nav__link site-nav__link--sub">Palettes</a> </li> <li class="site-nav__item site-nav__sub-item"> <a href="#supporting-colors" title="Supporting Colors Section" class="site-nav__link site-nav__link--sub">Supporting Colors</a> </li>  </ul> </li> <li class="site-nav__item"> <button class="site-nav__toggle" type="button" data-a11y-toggle="typography-subnav"> Typography <i class="fas fa-angle-down"></i> </button> <ul id="typography-subnav" class="sub-nav"> <li class="site-nav__item site-nav__sub-item"> <a href="#primary-typefaces" title="Primary Typefaces Section" class="site-nav__link site-nav__link--sub">Primary Typefaces</a> </li> <li class="site-nav__item site-nav__sub-item"> <a href="#alternate-typefaces" title="Alternate Typefaces Section" class="site-nav__link site-nav__link--sub">Alternate Typefaces</a> </li> <li class="site-nav__item site-nav__sub-item"> <a href="#styling-headlines" title="Styling Headlines Section" class="site-nav__link site-nav__link--sub">Styling Headlines</a> </li> </ul> </li> <li class="site-nav__item"> <button class="site-nav__toggle" type="button" data-a11y-toggle="visual-language-subnav"> Visual Language <i class="fas fa-angle-down"></i> </button> <ul id="visual-language-subnav" class="sub-nav"> <li class="site-nav__item site-nav__sub-item"> <a href="#combining-elements" title="Combining Elements Section" class="site-nav__link site-nav__link--sub">Combining Elements</a> </li> <li class="site-nav__item site-nav__sub-item"> <a href="#the-grid" title="The Grid Section" class="site-nav__link site-nav__link--sub">The Grid</a> </li> <li class="site-nav__item site-nav__sub-item"> <a href="#icons" title="Icons Section" class="site-nav__link site-nav__link--sub">Icons</a> </li> </ul> </li> <li class="site-nav__item"> <button class="site-nav__toggle" type="button" data-a11y-toggle="photography-subnav"> Photography <i class="fas fa-angle-down"></i> </button> <ul id="photography-subnav" class="sub-nav"> <li class="site-nav__item site-nav__sub-item"> <a href="#tone-feel" title="Tone & Feel Section" class="site-nav__link site-nav__link--sub">Tone & Feel</a> </li> <li class="site-nav__item site-nav__sub-item"> <a href="#subject" title="Subject Section" class="site-nav__link site-nav__link--sub">Subject</a> </li> <li class="site-nav__item site-nav__sub-item"> <a href="#technical-composition" title="Technical Composition Section" class="site-nav__link site-nav__link--sub">Technical Composition</a> </li> <li class="site-nav__item site-nav__sub-item"> <a href="#in-practice" title="In-Practice Section" class="site-nav__link site-nav__link--sub">In-Practice</a> </li> </ul> </li> <li class="site-nav__item"> <button class="site-nav__toggle" type="button" data-a11y-toggle="digital-spaces-subnav"> Digital Spaces <i class="fas fa-angle-down"></i> </button> <ul id="digital-spaces-subnav" class="sub-nav">  <li class="site-nav__item site-nav__sub-item"> <a href="#social-media" title="Social Media Section" class="site-nav__link site-nav__link--sub">Social Media</a> </li> </ul> </li>  <li class="site-nav__item"> <button class="site-nav__toggle" type="button" data-a11y-toggle="applications-subnav"> Applications <i class="fas fa-angle-down"></i> </button> <ul id="applications-subnav" class="sub-nav"> <li class="site-nav__item site-nav__sub-item"> <a href="#inspiration" title="Inspiration Section" class="site-nav__link site-nav__link--sub">Inspiration</a> </li> </ul> </li> </ul> </div> </nav> </section> <aside class="help-notch-pos" data-toggle="modal" data-target="#exampleModal"> <button class="help-notch__btn">Need Help?</button> </aside> <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title h2 title-nav__title" id="exampleModalLabel">Ask a Question</h5> <button type="button" class="modal-close" data-dismiss="modal" aria-label="Close"><i class="fas fa-times"></i></button> </div> <div class="modal-body"> <form action="" class="brand-inquiry-form"> <div class="input-group"> <label for="name">Name</label> <input type="text" name="name" id="" class="brand-inquiry__input"> </div> <div class="input-group"> <label for="email">Email</label> <input type="email" name="email" id="" class="brand-inquiry__input"> </div> <div class="input-group"> <label for="department">Department</label> <select name="department" id="" class="brand-inquiry__input"> <option value="">Select a Department</option> <option value="3AB ICCU">3AB ICCU</option> <option value="3D Medical Intensive Care">3D Medical Intensive Care </option> <option value="4AB GU/Nephrology/Med-Surg">4AB GU/Nephrology/Med-Surg </option> <option value="4AB Med/Surgery G I">4AB Med/Surgery G I</option> <option value="4CD Oncology/Hemoc/Med-Surg">4CD Oncology/Hemoc/Med-Surg </option> <option value="4CD Surgery-Orthopedics">4CD Surgery-Orthopedics</option> <option value="5AB Med/Surgery">5AB Med/Surgery</option> <option value="5CD Surgery-Neurosciences">5CD Surgery-Neurosciences </option> <option value="6A Geriatric Psych">6A Geriatric Psych</option> <option value="6AB Surgery - Orthopedics">6AB Surgery - Orthopedics </option> <option value="6CD Detox">6CD Detox</option> <option value="Academic Athletic Advising">Academic Athletic Advising </option> <option value="Academic House-OP">Academic House-OP</option> <option value="Academic IRT">Academic IRT</option> <option value="Accounting">Accounting</option> <option value="Acute Hemodialysis">Acute Hemodialysis</option> <option value="Acute Occupational Therapy">Acute Occupational Therapy </option> <option value="Acute Physical Therapy">Acute Physical Therapy</option> <option value="Admin - Campus Env & Phy Plnt">Admin - Campus Env & Phy Plnt</option> <option value="Admissions-Law">Admissions-Law</option> <option value="Admitting">Admitting</option> <option value="Advanced Clinical Simulation">Advanced Clinical Simulation </option> <option value="Africana Studies">Africana Studies</option> <option value="AHEC">AHEC</option> <option value="ALI-Administration">ALI-Administration</option> <option value="Alumni Relations">Alumni Relations</option> <option value="Ambulatory Staffing Pool">Ambulatory Staffing Pool</option> <option value="Anesthesiology">Anesthesiology</option> <option value="Anesthesiology (Med Univ Ctr)">Anesthesiology (Med Univ Ctr) </option> <option value="Anthropology">Anthropology</option> <option value="Anticoagulation Clinic">Anticoagulation Clinic</option> <option value="Aramark">Aramark</option> <option value="Art">Art</option> <option value="Astronomy">Astronomy</option> <option value="ATH-OP&Maint-Bancroft">ATH-OP&Maint-Bancroft </option> <option value="Athletic-Acad Support">Athletic-Acad Support</option> <option value="Athletic-Market & Promotn">Athletic-Market & Promotn </option> <option value="Athletic-Sports Informatn">Athletic-Sports Informatn </option> <option value="Athletics Admin">Athletics Admin</option> <option value="Athletics-Developmt">Athletics-Developmt</option> <option value="Athletics-Ticket Ofc">Athletics-Ticket Ofc</option> <option value="ATOM Admissions">ATOM Admissions</option> <option value="Audiology">Audiology</option> <option value="Automation - HSC">Automation - HSC</option> <option value="Auxiliary Administration">Auxiliary Administration</option> <option value="Baseball">Baseball</option> <option value="Basketball - Men">Basketball - Men</option> <option value="Basketball - Women">Basketball - Women</option> <option value="BGSU Nursing Students">BGSU Nursing Students</option> <option value="Bio-Engineering">Bio-Engineering</option> <option value="Biochem Cancer Biology">Biochem Cancer Biology</option> <option value="Bioinform Proteo Gen Program">Bioinform Proteo Gen Program </option> <option value="Biological Sciences">Biological Sciences</option> <option value="Blood Bank">Blood Bank</option> <option value="Business Office">Business Office</option> <option value="Business Technology">Business Technology</option> <option value="Cancer Institute">Cancer Institute</option> <option value="Cardiac Rehab">Cardiac Rehab</option> <option value="Care of Grounds - HSC">Care of Grounds - HSC</option> <option value="Care Of Grounds - MC">Care Of Grounds - MC</option> <option value="Career Services">Career Services</option> <option value="Carter Hall-OP">Carter Hall-OP</option> <option value="Carver Teach Ed Ctr">Carver Teach Ed Ctr</option> <option value="Center Engagement">Center Engagement</option> <option value="Center for Clinical Research">Center for Clinical Research </option> <option value="Center for Creative Instruction">Center for Creative Instruction</option> <option value="Center for Success Coaching">Center for Success Coaching </option> <option value="Center For Women">Center For Women</option> <option value="Central Control">Central Control</option> <option value="Chancellor & EVP - Health Affairs">Chancellor & EVP - Health Affairs</option> <option value="Chem/Envior Engr">Chem/Envior Engr</option> <option value="Chemistry">Chemistry</option> <option value="CISP">CISP</option> <option value="Civil Engineering">Civil Engineering</option> <option value="Classroom Support Services">Classroom Support Services </option> <option value="Clean and Alternative Energy Incubator">Clean and Alternative Energy Incubator</option> <option value="Clinic Providers">Clinic Providers</option> <option value="Clinical Dieticians">Clinical Dieticians</option> <option value="College of Med Grad Programs">College of Med Grad Programs </option> <option value="College of Nursing">College of Nursing</option> <option value="College of Nursing Instruction">College of Nursing Instruction</option> <option value="Comm Wellness & Health Prog">Comm Wellness & Health Prog</option> <option value="Comm Wellness & Health Prog H">Comm Wellness & Health Prog H</option> <option value="Communication">Communication</option> <option value="Computerized Learning">Computerized Learning</option> <option value="Continuing Education">Continuing Education</option> <option value="Contracted">Contracted</option> <option value="Controller">Controller</option> <option value="Counseling Center">Counseling Center</option> <option value="CT Scanner">CT Scanner</option> <option value="Ctr Mat'l Sci & Engin">Ctr Mat'l Sci & Engin </option> <option value="Curriculum & Instruction">Curriculum & Instruction </option> <option value="CVA Cleaning & Maintenance">CVA Cleaning & Maintenance</option> <option value="CVU">CVU</option> <option value="Cytology">Cytology</option> <option value="Dana Cancer Center">Dana Cancer Center</option> <option value="Dana Cancer Center Administration">Dana Cancer Center Administration</option> <option value="Dana Conference Center">Dana Conference Center</option> <option value="Dana Infusion Center">Dana Infusion Center</option> <option value="Dean - CAL">Dean - CAL</option> <option value="Dean - NSM">Dean - NSM</option> <option value="Dean - Univ College">Dean - Univ College</option> <option value="Dean College of Nursing">Dean College of Nursing</option> <option value="Dean Medical College">Dean Medical College</option> <option value="Dean-Business College">Dean-Business College</option> <option value="Dean-Education">Dean-Education</option> <option value="Dean-Engineering">Dean-Engineering</option> <option value="Dean-Law School">Dean-Law School</option> <option value="Dean-Pharmacy">Dean-Pharmacy</option> <option value="Dentistry">Dentistry</option> <option value="Department of Exploratory Studies">Department of Exploratory Studies</option> <option value="Department of Medical Education">Department of Medical Education</option> <option value="Dept of Lab Animal Resources">Dept of Lab Animal Resources </option> <option value="Dept of Public Hlth & Prevent Med">Dept of Public Hlth & Prevent Med</option> <option value="Dept. of Cancer Biology">Dept. of Cancer Biology</option> <option value="Dir-Schl of Visual & Perform. Arts">Dir-Schl of Visual & Perform. Arts</option> <option value="Disability Studies">Disability Studies</option> <option value="Disability Studies Program">Disability Studies Program </option> <option value="Distribution Services">Distribution Services</option> <option value="Diversity & Inclusion">Diversity & Inclusion </option> <option value="Early Child, Higher Ed & Special Ed">Early Child, Higher Ed & Special Ed </option> <option value="Early Learning Center">Early Learning Center</option> <option value="Economics">Economics</option> <option value="ED Registration">ED Registration</option> <option value="Educ, Health & Human Srv-Stud Serv.">Educ, Health & Human Srv-Stud Serv. </option> <option value="EducBldg-Campus Env & Phy Plnt">EducBldg-Campus Env & Phy Plnt</option> <option value="eLearning - Class Fee">eLearning - Class Fee</option> <option value="Electric-Campus Env & Phy Plnt">Electric-Campus Env & Phy Plnt</option> <option value="Electrical Engineering">Electrical Engineering</option> <option value="Electron Microscopy">Electron Microscopy</option> <option value="EMBA">EMBA</option> <option value="Emergency Dept.">Emergency Dept.</option> <option value="Emergency Medicine">Emergency Medicine</option> <option value="Endoscopy Suite">Endoscopy Suite</option> <option value="Engineering Career Development">Engineering Career Development</option> <option value="Engineering Tech">Engineering Tech</option> <option value="English">English</option> <option value="Enrollment Management">Enrollment Management</option> <option value="Enrollment Operations">Enrollment Operations</option> <option value="Environmental Sciences">Environmental Sciences</option> <option value="Environmental Services">Environmental Services</option> <option value="Equipment Room">Equipment Room</option> <option value="Evaluator">Evaluator</option> <option value="Facilities Mgt Admin">Facilities Mgt Admin</option> <option value="Facilities Oper Admin">Facilities Oper Admin</option> <option value="Facilities Planning">Facilities Planning</option> <option value="Faculty Affairs">Faculty Affairs</option> <option value="Faculty Labor Relations & Inclusion">Faculty Labor Relations & Inclusion </option> <option value="Faculty Senate">Faculty Senate</option> <option value="Family Medicine">Family Medicine</option> <option value="Family Practice">Family Practice</option> <option value="Finance">Finance</option> <option value="Finance and Administration">Finance and Administration </option> <option value="Finance Tech & Oper">Finance Tech & Oper</option> <option value="Financial Aid">Financial Aid</option> <option value="Food And Nutritional Svcs">Food And Nutritional Svcs </option> <option value="Football">Football</option> <option value="Foreign Languages">Foreign Languages</option> <option value="Foundations of Education">Foundations of Education</option> <option value="French">French</option> <option value="Gateway Employees">Gateway Employees</option> <option value="General Counsel">General Counsel</option> <option value="Geography">Geography</option> <option value="German">German</option> <option value="Gift Planning">Gift Planning</option> <option value="Gift Shop">Gift Shop</option> <option value="Glendale Medical East Mtnce and Env">Glendale Medical East Mtnce and Env</option> <option value="Golf-Men">Golf-Men</option> <option value="Golf-Women">Golf-Women</option> <option value="Government Relations">Government Relations</option> <option value="Grad Assist Reserve">Grad Assist Reserve</option> <option value="Graduate Programs Office">Graduate Programs Office</option> <option value="Graduate Studies">Graduate Studies</option> <option value="Greek Advisors">Greek Advisors</option> <option value="Health & Human Services College">Health & Human Services College</option> <option value="Health Info Management">Health Info Management</option> <option value="Health Professions Lab">Health Professions Lab</option> <option value="Health Science">Health Science</option> <option value="Health Science Contractor">Health Science Contractor </option> <option value="Heart and Vascular Center">Heart and Vascular Center </option> <option value="Heart Station">Heart Station</option> <option value="Hematology/CLM/Micro">Hematology/CLM/Micro</option> <option value="Hillebrand Clinical Skills Center">Hillebrand Clinical Skills Center</option> <option value="History">History</option> <option value="Honors">Honors</option> <option value="Hosp - Advertising/Marketing">Hosp - Advertising/Marketing </option> <option value="Hospital Finance">Hospital Finance</option> <option value="Hospital Safety">Hospital Safety</option> <option value="Hospital Volunteers">Hospital Volunteers</option> <option value="HSC Comm-Based Vol Faculty">HSC Comm-Based Vol Faculty </option> <option value="HSC Emeritus Faculty">HSC Emeritus Faculty</option> <option value="Human Organ Donation Program">Human Organ Donation Program </option> <option value="Human Resources">Human Resources</option> <option value="Human Resources & Talent Devel.">Human Resources & Talent Devel.</option> <option value="Human Resources - HSC">Human Resources - HSC</option> <option value="HVAC-Campus Env & Phy Plnt">HVAC-Campus Env & Phy Plnt</option> <option value="Incubation">Incubation</option> <option value="Independent Collegian">Independent Collegian</option> <option value="Infection Prevention & Control">Infection Prevention & Control</option> <option value="Institutional Communications">Institutional Communications </option> <option value="Institutional Research">Institutional Research</option> <option value="Inter-Prof Ed & Improv Human Cond">Inter-Prof Ed & Improv Human Cond</option> <option value="Intern/Career Plcmt">Intern/Career Plcmt</option> <option value="Internal Audit">Internal Audit</option> <option value="International Admiss">International Admiss</option> <option value="International House-OP">International House-OP</option> <option value="Interventional Pain Center">Interventional Pain Center </option> <option value="IOTM">IOTM</option> <option value="IT O&I Lab Support Group">IT O&I Lab Support Group </option> <option value="IT Personnel">IT Personnel</option> <option value="IT Personnel - Clinical Informatics">IT Personnel - Clinical Informatics</option> <option value="IT Personnel - HSC">IT Personnel - HSC</option> <option value="IT Personnel - MC">IT Personnel - MC</option> <option value="Jacobson Clinical Research Center">Jacobson Clinical Research Center</option> <option value="Japanese">Japanese</option> <option value="Kobacker Svcs/Admin">Kobacker Svcs/Admin</option> <option value="Kobacker-Day Treatment Prgm">Kobacker-Day Treatment Prgm </option> <option value="Kobacker-I/P Nursing Unit">Kobacker-I/P Nursing Unit </option> <option value="Lab Fees-Planetarium">Lab Fees-Planetarium</option> <option value="Lab-Admin">Lab-Admin</option> <option value="Lab-Central Office">Lab-Central Office</option> <option value="Lab-Chemistry">Lab-Chemistry</option> <option value="Lab-Coagulation">Lab-Coagulation</option> <option value="Lab-Evening and Overnight">Lab-Evening and Overnight </option> <option value="Lab-Flow Cytometry">Lab-Flow Cytometry</option> <option value="Lab-Histology">Lab-Histology</option> <option value="Lab-Microbiology">Lab-Microbiology</option> <option value="Lab-Molecular Biology">Lab-Molecular Biology</option> <option value="Lab-Serology/Immunology">Lab-Serology/Immunology</option> <option value="Lake Erie Res Ed Ctr">Lake Erie Res Ed Ctr</option> <option value="Laundry & Linen">Laundry & Linen</option> <option value="Law - Placement">Law - Placement</option> <option value="Law Library">Law Library</option> <option value="Law-Instruction">Law-Instruction</option> <option value="LCCC Agreement">LCCC Agreement</option> <option value="Learning Enhancement Center">Learning Enhancement Center </option> <option value="Life Safety Systems">Life Safety Systems</option> <option value="Life Support Education">Life Support Education</option> <option value="LLSS, NSM, CommArts Student Service">LLSS, NSM, CommArts Student Service</option> <option value="Lockshop">Lockshop</option> <option value="Mail Services">Mail Services</option> <option value="Main Campus Contractor">Main Campus Contractor</option> <option value="Main Campus Medical Center - MCMC">Main Campus Medical Center - MCMC</option> <option value="Main Campus Pharmacy">Main Campus Pharmacy</option> <option value="Main Campus Student Athletics">Main Campus Student Athletics </option> <option value="Mainten- Campus Env & Phy Plnt">Mainten- Campus Env & Phy Plnt</option> <option value="Maintenance/Building Operators">Maintenance/Building Operators</option> <option value="Maintenance/Electric">Maintenance/Electric</option> <option value="Maintenance/Mechanic">Maintenance/Mechanic</option> <option value="Maintenance/Structur">Maintenance/Structur</option> <option value="Management">Management</option> <option value="Marching Band">Marching Band</option> <option value="Marketing">Marketing</option> <option value="Mathematics">Mathematics</option> <option value="MC Building Services">MC Building Services</option> <option value="McComas Village-OP">McComas Village-OP</option> <option value="Med Microbio & Immunology">Med Microbio & Immunology </option> <option value="Medical College Library">Medical College Library</option> <option value="Medical Dir Office">Medical Dir Office</option> <option value="Medical School Admission">Medical School Admission</option> <option value="Medicine">Medicine</option> <option value="Military Science">Military Science</option> <option value="MIME">MIME</option> <option value="Minority Business Incubator">Minority Business Incubator </option> <option value="Motor Vehicle Operation">Motor Vehicle Operation</option> <option value="MP Specialty Clinic">MP Specialty Clinic</option> <option value="Multclt Stdt Dev">Multclt Stdt Dev</option> <option value="Music">Music</option> <option value="Neurodiagnostic Services">Neurodiagnostic Services</option> <option value="Neurology">Neurology</option> <option value="Neurosciences">Neurosciences</option> <option value="New Student Orientation">New Student Orientation</option> <option value="Northwest State CC User">Northwest State CC User</option> <option value="NSM Instrumentation Center">NSM Instrumentation Center </option> <option value="Nuclear Medicine">Nuclear Medicine</option> <option value="Nursing - Student Services">Nursing - Student Services </option> <option value="Nursing Pool">Nursing Pool</option> <option value="Nursing Svcs Admin">Nursing Svcs Admin</option> <option value="NWO Stuttering Clinic">NWO Stuttering Clinic</option> <option value="Obestetics & Gynecology">Obestetics & Gynecology </option> <option value="Obstetrics and Gynecology">Obstetrics and Gynecology </option> <option value="Occupational Therapy (UMC)">Occupational Therapy (UMC) </option> <option value="Occupational Therapy Prgm">Occupational Therapy Prgm </option> <option value="Office Of Bud/Plan">Office Of Bud/Plan</option> <option value="Office of Intl Student Scholar Srvs">Office of Intl Student Scholar Srvs</option> <option value="Office Of Legal Affairs">Office Of Legal Affairs</option> <option value="Office of Legal Affairs, HSC">Office of Legal Affairs, HSC </option> <option value="Office of President">Office of President</option> <option value="Office of Research Compliance">Office of Research Compliance </option> <option value="Office of the Registrar">Office of the Registrar</option> <option value="Online Instr - Africana Studies">Online Instr - Africana Studies</option> <option value="Online Instr - Dean Univ College">Online Instr - Dean Univ College</option> <option value="Online Instr-MST Liberal Studies">Online Instr-MST Liberal Studies</option> <option value="Online Instr-School of Inter & Well">Online Instr-School of Inter & Well </option> <option value="Online Instr-School of Pop Health">Online Instr-School of Pop Health</option> <option value="Online Instr-School of Social Just">Online Instr-School of Social Just</option> <option value="Online Instr-Women & Gender Studies">Online Instr-Women & Gender Studies </option> <option value="Online Instruction - Accounting">Online Instruction - Accounting</option> <option value="Online Instruction - Anthropology">Online Instruction - Anthropology</option> <option value="Online Instruction - Business Tech">Online Instruction - Business Tech</option> <option value="Online Instruction - Communication">Online Instruction - Communication</option> <option value="Online Instruction - Law">Online Instruction - Law</option> <option value="Online Instruction - Physics">Online Instruction - Physics </option> <option value="Online Instruction - Sociology">Online Instruction - Sociology</option> <option value="Online Instruction - Spanish">Online Instruction - Spanish </option> <option value="Online Recruitment & Stu. Serv.">Online Recruitment & Stu. Serv.</option> <option value="OP - Clinic - Neurology">OP - Clinic - Neurology</option> <option value="OP - Clinic - Pain Medicine">OP - Clinic - Pain Medicine </option> <option value="OP - Clinic Wound Care">OP - Clinic Wound Care</option> <option value="OP Nephrology/Transplant">OP Nephrology/Transplant</option> <option value="OP-Clinic-Admin">OP-Clinic-Admin</option> <option value="OP-Clinic-Cardiology">OP-Clinic-Cardiology</option> <option value="OP-Clinic-Dentistry">OP-Clinic-Dentistry</option> <option value="OP-Clinic-Glendale Medicine">OP-Clinic-Glendale Medicine </option> <option value="OP-Clinic-Kidney Transplant">OP-Clinic-Kidney Transplant </option> <option value="OP-Clinic-Medicine">OP-Clinic-Medicine</option> <option value="OP-Clinic-OB/GYN">OP-Clinic-OB/GYN</option> <option value="OP-Clinic-Orthopedic">OP-Clinic-Orthopedic</option> <option value="OP-Clinic-Pediatrics">OP-Clinic-Pediatrics</option> <option value="OP-Clinic-Psychiatry">OP-Clinic-Psychiatry</option> <option value="OP-Clinic-Rehab Med">OP-Clinic-Rehab Med</option> <option value="OP-Clinic-Surgery">OP-Clinic-Surgery</option> <option value="OP-Clinic-Urology">OP-Clinic-Urology</option> <option value="OP-Occupational Therapy">OP-Occupational Therapy</option> <option value="OP-Physical Therapy">OP-Physical Therapy</option> <option value="Operating Room">Operating Room</option> <option value="OPS-PACU">OPS-PACU</option> <option value="Orthopedic">Orthopedic</option> <option value="Orthopedic Surgery">Orthopedic Surgery</option> <option value="Ottawa House">Ottawa House</option> <option value="Outcome Management">Outcome Management</option> <option value="Outpatient Pharmacy">Outpatient Pharmacy</option> <option value="Painters-Campus Env & Phy Plnt">Painters-Campus Env & Phy Plnt</option> <option value="Parking Enforcement">Parking Enforcement</option> <option value="Parking Services">Parking Services</option> <option value="Parks-OP">Parks-OP</option> <option value="Pastoral Care">Pastoral Care</option> <option value="PAT">PAT</option> <option value="Pathology">Pathology</option> <option value="Patient Financial Svcs">Patient Financial Svcs</option> <option value="Payroll Office">Payroll Office</option> <option value="PEC">PEC</option> <option value="Pediatrics">Pediatrics</option> <option value="Perfusion">Perfusion</option> <option value="Pharm - Enrollment Management">Pharm - Enrollment Management </option> <option value="Pharm Clerkship Prog">Pharm Clerkship Prog</option> <option value="Pharm-Grad Studies">Pharm-Grad Studies</option> <option value="Pharm-Med/Bio Chem">Pharm-Med/Bio Chem</option> <option value="Pharm-Student Srvcs">Pharm-Student Srvcs</option> <option value="Pharmacology">Pharmacology</option> <option value="Pharmacy">Pharmacy</option> <option value="Pharmacy BS Pharm Science Fees">Pharmacy BS Pharm Science Fees</option> <option value="Pharmacy Practice">Pharmacy Practice</option> <option value="Pharmacy Resident">Pharmacy Resident</option> <option value="Philosophy">Philosophy</option> <option value="Photo Svcs">Photo Svcs</option> <option value="Physician Assistant Studies">Physician Assistant Studies </option> <option value="Physics">Physics</option> <option value="Physio Pharm Meta Cardio">Physio Pharm Meta Cardio</option> <option value="Physiology and Pharmacology">Physiology and Pharmacology </option> <option value="PICC-Line Services">PICC-Line Services</option> <option value="Plant Ops">Plant Ops</option> <option value="Plt Sci Res Facility">Plt Sci Res Facility</option> <option value="Political Science">Political Science</option> <option value="President's Hall">President's Hall</option> <option value="Print Shop">Print Shop</option> <option value="ProMedica Practitioner">ProMedica Practitioner</option> <option value="Provost Office">Provost Office</option> <option value="Psychiatry">Psychiatry</option> <option value="Psychology">Psychology</option> <option value="Purchasing">Purchasing</option> <option value="Pwr Plnt-Campus Env & Phy Plnt">Pwr Plnt-Campus Env & Phy Plnt</option> <option value="Quality Management">Quality Management</option> <option value="R1 Res & Tech Compx1">R1 Res & Tech Compx1</option> <option value="Radiation Oncology">Radiation Oncology</option> <option value="Radiation Safety">Radiation Safety</option> <option value="Radiation Therapy-Univ Med Ctr">Radiation Therapy-Univ Med Ctr</option> <option value="Radiology">Radiology</option> <option value="Radiology Ambulatory Sites">Radiology Ambulatory Sites </option> <option value="Radiology-Diagnostic">Radiology-Diagnostic</option> <option value="Radiology-Hlth Cntr">Radiology-Hlth Cntr</option> <option value="Radiology-Mammography">Radiology-Mammography</option> <option value="Radiology-MRI">Radiology-MRI</option> <option value="Radiology-Orthopaedics">Radiology-Orthopaedics</option> <option value="Radiology-Sonographic Imaging">Radiology-Sonographic Imaging </option> <option value="Receiving">Receiving</option> <option value="Referral Resource Center">Referral Resource Center</option> <option value="Regency Rehab">Regency Rehab</option> <option value="Registrar">Registrar</option> <option value="Registration">Registration</option> <option value="Rehab Physical Therapy">Rehab Physical Therapy</option> <option value="Rehab Psychology Svcs">Rehab Psychology Svcs</option> <option value="Rehab Speech Therapy">Rehab Speech Therapy</option> <option value="Rehab Svcs Admin">Rehab Svcs Admin</option> <option value="Rehabilitative Care Unit">Rehabilitative Care Unit</option> <option value="Renal Transplant Admin">Renal Transplant Admin</option> <option value="Res Hall Admin">Res Hall Admin</option> <option value="Research & Sponsored Programs">Research & Sponsored Programs</option> <option value="Resid Prgm-Administrative">Resid Prgm-Administrative </option> <option value="Resid Prgm-Anesthesiology">Resid Prgm-Anesthesiology </option> <option value="Resid Prgm-Child Psychiatry">Resid Prgm-Child Psychiatry </option> <option value="Resid Prgm-Dentistry">Resid Prgm-Dentistry</option> <option value="Resid Prgm-Emergency Medicine">Resid Prgm-Emergency Medicine </option> <option value="Resid Prgm-Family Practice">Resid Prgm-Family Practice </option> <option value="Resid Prgm-Fellowship">Resid Prgm-Fellowship</option> <option value="Resid Prgm-Medicine">Resid Prgm-Medicine</option> <option value="Resid Prgm-Neurology">Resid Prgm-Neurology</option> <option value="Resid Prgm-OB/GYN">Resid Prgm-OB/GYN</option> <option value="Resid Prgm-Orthopedics">Resid Prgm-Orthopedics</option> <option value="Resid Prgm-Pathology">Resid Prgm-Pathology</option> <option value="Resid Prgm-Pediatrics">Resid Prgm-Pediatrics</option> <option value="Resid Prgm-Psychiatry">Resid Prgm-Psychiatry</option> <option value="Resid Prgm-Radiology">Resid Prgm-Radiology</option> <option value="Resid Prgm-Rehab Medicine">Resid Prgm-Rehab Medicine </option> <option value="Resid Prgm-Surgery">Resid Prgm-Surgery</option> <option value="Resid Prgm-Urology">Resid Prgm-Urology</option> <option value="Respiratory Care">Respiratory Care</option> <option value="Retiree from Legacy System">Retiree from Legacy System </option> <option value="Revenue Cycle">Revenue Cycle</option> <option value="RHC Occ Screening and Exp Clinic">RHC Occ Screening and Exp Clinic</option> <option value="Risk Management">Risk Management</option> <option value="Rocket Solution Central">Rocket Solution Central</option> <option value="Rocket Wireless">Rocket Wireless</option> <option value="Safety & Health - HSC">Safety & Health - HSC </option> <option value="Safety & Health - MC">Safety & Health - MC</option> <option value="Sch of Dentistry Dentrix Group">Sch of Dentistry Dentrix Group</option> <option value="School of Exercise Rehab Sciences">School of Exercise Rehab Sciences</option> <option value="School of Intervention & Wellness">School of Intervention & Wellness</option> <option value="School of Population Health">School of Population Health </option> <option value="School of Social Justice">School of Social Justice</option> <option value="Scty-Bd Of Trustees">Scty-Bd Of Trustees</option> <option value="Senior Behavioral Health">Senior Behavioral Health</option> <option value="Service Excellence">Service Excellence</option> <option value="Soccer-Women">Soccer-Women</option> <option value="Sociology">Sociology</option> <option value="Softball">Softball</option> <option value="Spanish">Spanish</option> <option value="Special Events">Special Events</option> <option value="Specialty Pharmacy">Specialty Pharmacy</option> <option value="Specimen Processing">Specimen Processing</option> <option value="Sports Medicine">Sports Medicine</option> <option value="Staff Development">Staff Development</option> <option value="Steam Management - HSC">Steam Management - HSC</option> <option value="Sterile Processing">Sterile Processing</option> <option value="Student Activities Admin">Student Activities Admin</option> <option value="Student Affairs">Student Affairs</option> <option value="Student Disability Services">Student Disability Services </option> <option value="Student Health Serv">Student Health Serv</option> <option value="Student Legal Services">Student Legal Services</option> <option value="Student Rec Center">Student Rec Center</option> <option value="Student Services">Student Services</option> <option value="Student Testing Center">Student Testing Center</option> <option value="Student Tutoring Program">Student Tutoring Program</option> <option value="Student Union-Main">Student Union-Main</option> <option value="Surgery">Surgery</option> <option value="Surgery Anesthesiology">Surgery Anesthesiology</option> <option value="Surgical Intensive Care">Surgical Intensive Care</option> <option value="Survivor Shop">Survivor Shop</option> <option value="Swimming-Women">Swimming-Women</option> <option value="Tech Prep Teachers">Tech Prep Teachers</option> <option value="Technology Transfer">Technology Transfer</option> <option value="TechSupp-Campus Env & Phy Plnt">TechSupp-Campus Env & Phy Plnt</option> <option value="Telecomm-Cellular">Telecomm-Cellular</option> <option value="Telemed Conference Center">Telemed Conference Center </option> <option value="Telemetry">Telemetry</option> <option value="Tennis-Men">Tennis-Men</option> <option value="Tennis-Women">Tennis-Women</option> <option value="Testing Services - MFH">Testing Services - MFH</option> <option value="The Division of Advancement">The Division of Advancement </option> <option value="Theatre">Theatre</option> <option value="Tissue Typing">Tissue Typing</option> <option value="Title IX">Title IX</option> <option value="Toledo Excel Program">Toledo Excel Program</option> <option value="Track & CC - Men">Track & CC - Men</option> <option value="Track & CC - Women">Track & CC - Women</option> <option value="Training Room">Training Room</option> <option value="Transport Services">Transport Services</option> <option value="Trauma Program">Trauma Program</option> <option value="Treasurer's Office">Treasurer's Office</option> <option value="TRIO Student Support Services">TRIO Student Support Services </option> <option value="UnderGrad Studies">UnderGrad Studies</option> <option value="Undergraduate Admission">Undergraduate Admission</option> <option value="Union (AFSCME)">Union (AFSCME)</option> <option value="Univ College Degree Programs">Univ College Degree Programs </option> <option value="Univ Medical Center Admin">Univ Medical Center Admin </option> <option value="Univ of Tol Physicians Group">Univ of Tol Physicians Group </option> <option value="University Clean Energy Alliance of Ohio">University Clean Energy Alliance of Ohio </option> <option value="University Communications">University Communications </option> <option value="University Health Services">University Health Services </option> <option value="University Libraries">University Libraries</option> <option value="University Marketing">University Marketing</option> <option value="University Police">University Police</option> <option value="Upward Bound">Upward Bound</option> <option value="Urology">Urology</option> <option value="US Dept of Agriculture">US Dept of Agriculture</option> <option value="UT Assessment">UT Assessment</option> <option value="UT Federal Credit Union">UT Federal Credit Union</option> <option value="UT Foundation">UT Foundation</option> <option value="UT Online">UT Online</option> <option value="UT Press Administrative">UT Press Administrative</option> <option value="UT Program Review">UT Program Review</option> <option value="UTCare Pharmacy">UTCare Pharmacy</option> <option value="UTMC Compliance">UTMC Compliance</option> <option value="Vascular Lab">Vascular Lab</option> <option value="Vascular Ultrasound">Vascular Ultrasound</option> <option value="Volleyball-Women">Volleyball-Women</option> <option value="Volunteer Services">Volunteer Services</option> <option value="VP - Acad Program Development">VP - Acad Program Development </option> <option value="VP Enrollment, Marketing & Comm">VP Enrollment, Marketing & Comm</option> <option value="VP for Finance">VP for Finance</option> <option value="Women and Gender Studies">Women and Gender Studies</option> <option value="Writing Center">Writing Center</option> </select> </div> <div class="input-group"> <label for="question">Question</label> <textarea name="question" id="" cols="30" rows="4" class="brand-inquiry__input"></textarea> </div> </form> </div> <div class="modal-footer"> <button aria-label="Open Menu" class="ut-btn">Submit</button> </div> </div> </div> </div> <main class="guide-main"> <section class="new-page"> <div class="container-fluid no-h-padding"> <div class="row"> <article class="col-lg-8 col-xl-7 center-padding pd-b-0"> <h2 id="who-we-are" class="page-header">Who We Are</h2> </article> <section id="background" class="section paragraph-block"> <div class="col-lg-12 center-padding paragraph-block__wrapper"> <h3>Background</h3> <div class="row row--expanded"> <div class="col-lg-8 col-xl-6 section__subheading no-v-padding"> <p class="callout-text">Through diligent research, collaboration and strategic decision-making, The University of Toledo has redefined its brand and institutional outlook. <br></p> <h4>Mission</h4> <p>The University of Toledo is a national, public research university where students obtain a world-class education and become part of a diverse community of leaders committed to improving the human condition in the region and the world.</p> <h4>Vision</h4> <p>The University of Toledo will be a nationally ranked, public, research university with internationally recognized expertise and exceptional strength in discovery, teaching, clinical practice and service.</p> <h4>Values</h4> <ul> <li>Excellence</li> <li>Student-centeredness</li> <li>Research and Scholarship</li> <li>Professionalism and Leadership</li> <li>Diversity</li> </ul> </div> </div> </div> </section> <section id="brand-overview" class="section paragraph-block"> <div class="col-lg-12 center-padding paragraph-block__wrapper"> <h3>Brand Overview</h3> <div class="row row--expanded"> <div class="col-lg-8 col-xl-6 section__subheading no-v-padding"> <p class="callout-text"><em>Fueling Tomorrows</em> exists beyond a tagline — it’s a framing device and foundational narrative. This campaign tells the story of who The University of Toledo is and where the University is headed.</p> <iframe width="560" height="315" src="https://web.archive.org/web/20230320201711if_/https://www.youtube.com/embed/cUS3t37qEwc?rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <h4>Brand Positioning</h4> <p><em>Fueling Tomorrows</em> represents The University of Toledo’s persistent dedication to discovery. It champions the infinite potential of driven minds — and the progress that results from reaching toward the future together. With equitable access to opportunity and a strong support system, all at The University of Toledo are empowered to dig deeper, find answers and explore possibilities. This is a testament to the determination necessary to better oneself, our community and the greater human condition. </p> <h4>Brand Essence</h4> <p><em>Fueling Tomorrows</em> can be summarized by four main questions. The who, what and how distill our message to a central purpose. The <span class="push-double"></span><span class="pull-double">“</span>why” should remain as the core motivator in all the University writes, says and does.</p> </div> </div> </div> </section> <section class="section paragraph-block"> <div class="col-lg-12 center-padding paragraph-block__wrapper"> <div class="row row--expanded"> <div class="col-lg-6 section__subheading no-v-padding"> <table class="custom-table"> <thead class="custom-table__head"> <tr> <th align="left" width="200">Fueling Tomorrows Brand </th> <th align="left" width=""></th> </tr> </thead> <tbody class="custom-table__body"> <tr> <td align="left">Who are we?</td> <td align="left">The University of Toledo...</td> </tr> <tr> <td align="left">What do we do?</td> <td align="left">empowers and prepares driven individuals...</td> </tr> <tr> <td align="left">How do we do it?</td> <td align="left">through inclusive collaboration, scholarly research and hands-on experience... </td> </tr> <tr> <td align="left">Why does it matter?</td> <td align="left">in order to improve the human condition in the region and around the world. </td> </tr> </tbody> </table> </div> </div> </div> </section> <section id="brand-attributes" class="section paragraph-block"> <div class="col-lg-12 center-padding paragraph-block__wrapper"> <h3>Brand Attributes</h3> <div class="row row--expanded"> <div class="col-lg-8 col-xl-6 section__subheading no-v-padding"> <p class="callout-text">If The University of Toledo was a person, this is how they’d be described. </p> <p>Overall these attributes define the feel of the brand campaign. These qualities are both reflective and aspirational. In-depth research and feedback from the University community helped select these attributes.</p> <h4>Attributes in Context</h4> <h5>Focused</h5> <ul> <li>The University of Toledo is focused on student success.</li> <li>We set ambitious goals and are determined to achieve them. </li> <li>UToledo’s exceptional researchers are dedicated to solving a problem and will not stop until they find the solution.</li> <li>As an institution of higher learning, we are mission-driven. </li> </ul> <h5>Determined</h5> <ul> <li>We overcome obstacles and don’t let anything stand in our way.</li> <li>We believe our challenges fuel our success.</li> <li>Whether it’s being the first in your family to achieve a college degree or finding a cure that will save lives, UToledo students and faculty are resolved to achieving their purpose. </li> </ul> <h5>Inquisitive<br></h5> <ul> <li>Never satisfied, we are always looking to advance and always asking <span class="push-single"></span><span class="pull-single">‘</span>what if?’</li> <li>As one of the most comprehensive research universities in the country, UToledo is where great minds come together to innovate new ideas.</li> <li>We embrace curiosity and exploration.</li> </ul> <h5>Supportive</h5> <ul> <li>The University of Toledo is a community that lifts others up. Here, it is not sink or swim. We are in this together to change students’ lives and the trajectory of our Toledo community and the world at large.</li> <li>We are committed to diversity and inclusion.</li> <li>Our faculty and staff pride themselves on being accessible to students, as experts across diverse fields who thrive in a collaborative environment.</li> </ul> <h5>Innovative</h5> <ul> <li>We are not afraid to do what’s never been done.</li> <li>We embrace high aspirations and innovative approaches.</li> <li>Driven to do better, think smarter and achieve greater, The University of Toledo tackles challenges and improves lives. </li> </ul> <h5>Community-minded</h5> <ul> <li>We are the city of Toledo’s University. We are proud of our history and forever connected to our region’s future. We cheer for the home team.</li> <li>We give back and we bring others forward with us.</li> <li>We believe in the strength of collaboration and collective efforts.</li> </ul> <h5>Impactful</h5> <ul> <li>We do critical work. From producing the next generation of leaders to driving the local economy to creating new products to make life easier, we have a significant effect on the region, country and beyond.</li> <li>Our diverse academic program offerings are relevant and responsive to the ever-evolving needs of our students, industry partners and communities.</li> <li>We proudly embrace evidence-based best practices.</li> <li>We strive to be responsible to the needs of many, recognizing our mission as a leader and influencer across many specializations.</li> </ul> </div> </div> </div> </section> </div> </div> </section> <div class="container-fluid no-h-padding page-divider"> <div class="row"> <div class="col-lg-12 center-padding divider__wrapper"> <hr class="divider"> </div> </div> </div> <section class="new-page"> <div class="container-fluid no-h-padding"> <div class="row"> <article class="col-lg-8 col-xl-7 center-padding pd-b-0"> <h2 id="writing-styles" class="page-header">Writing Styles</h2> </article> <section id="voice-and-tone" class="section paragraph-block"> <div class="col-lg-12 center-padding paragraph-block__wrapper"> <h3>Voice and Tone</h3> <div class="row row--expanded"> <div class="col-lg-8 col-xl-6 section__subheading no-v-padding"> <p class="callout-text">One way to ensure consistency in a brand is to define the brand voice and tone.<br></p> <p>Brand voice is much like a person’s voice. Everyone’s voice sounds a little bit different; it’s one way to distinguish between people you know. Tone is the added layer of nuance that caters to a specific audience or feeling.</p> <h4>Quick Overview</h4> <p>As a brief summary of the guide below, here are some high-level thoughts to keep in mind when developing copy.</p> <h5>Remember to:</h5> <ul> <li>Simplify sentences and word choice.</li> <li>Focus on the <span class="push-double"></span><span class="pull-double">“</span>why” more than the <span class="push-double"></span><span class="pull-double">“</span>what.”</li> <li>Embrace a casual writing style for more energy.</li> <li>Choose active verbs over passive verbs.</li> <li>Balance brevity and clarity.</li> <li>Write for your audience.</li> </ul> <h4>Full Guide</h4> <p>The document below outlines specific guidelines for achieving The University of Toledo voice and tone, as well as general writing standards and content creation strategy.</p> </div> </div> </div> </section> <section class="section paragraph-block"> <div class="col-lg-12 center-padding paragraph-block__wrapper"> <div class="row row--expanded"> <div class="col-lg-8 col-xl-6 pd-t-0"> <a href="./files/FuelingTomorrows_VoiceBrand_051519.pdf" title="Download FuelingTomorrows_VoiceBrand_051519.pdf" target="_blank" rel="noopener" class="large-download"> <div class="large-download__wrapper"> <div class="large-download__file-icon"> <i class="fa fa-file-pdf"></i> </div> <div class="large-download__file-info"> <div class="file-info__text"> <p>Download</p> <h4>Voice & Tone Guide</h4> </div> <div class="large-download__icon"> <i class="fas fa-download"></i> </div> </div> </div> </a> </div> </div> </div> </section> <section id="university-writing-style" class="section paragraph-block"> <div class="col-lg-12 center-padding paragraph-block__wrapper"> <h3>University Writing Style</h3> <div class="row row--expanded"> <div class="col-lg-8 col-xl-6 section__subheading no-v-padding"> <p class="callout-text">Consistent styling of written information is also key to a strong University brand. </p> <p>This document includes guidelines for preferred spellings, abbreviations, time and date treatments, and other University standards. Please follow all styles outlined in the guide. </p> </div> </div> </div> </section> <section class="section paragraph-block"> <div class="col-lg-12 center-padding paragraph-block__wrapper"> <div class="row row--expanded"> <div class="col-lg-8 col-xl-6 pd-t-0"> <a href="./files/UToledo-Writing-Style-Guide.pdf" title="Download UToledo-Writing-Style-Guide.pdf" target="_blank" rel="noopener" class="large-download"> <div class="large-download__wrapper"> <div class="large-download__file-icon"> <i class="fa fa-file-pdf"></i> </div> <div class="large-download__file-info"> <div class="file-info__text"> <p>Download</p> <h4>UToledo Writing Style Guide</h4> </div> <div class="large-download__icon"> <i class="fas fa-download"></i> </div> </div> </div> </a> </div> </div> </div> </section> </div> </div> </section> <div class="container-fluid no-h-padding page-divider"> <div class="row"> <div class="col-lg-12 center-padding divider__wrapper"> <hr class="divider"> </div> </div> </div> <section class="new-page"> <div class="container-fluid no-h-padding"> <div class="row"> <article class="col-lg-8 col-xl-7 center-padding pd-b-0"> <h2 id="logos" class="page-header">Logos</h2> </article> <section id="the-university-of-toledo-logo" class="section"> <div class="col-lg-8 col-xl-7 center-padding"> <h3>The University of Toledo Logo</h3> <div class="section__subheading"> <p class="callout-text">The University of Toledo logo is the cornerstone of our brand.</p> <p>It supports and enhances the greater identity system — unifying the many programs, departments, colleges and centers of UToledo. Consistent treatment of the logo increases recognition and promotes connectivity. It’s important the UToledo logo appears the same across all applications. Check out the guidelines below. </p> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h4>Primary Version</h4> <p>The full UToledo logo with shield and typesetting is preferred for visual continuity and brand recognition. The following versions are available for download. If you have questions or need a different file type, please contact the Office of Marketing and Communications.</p> </div> <div class="row "> <div class="col-sm-6 pd-0"> <div class="image__wrapper border-right image-wrapper--padded" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo_VERT_Logo_HEX.svg?mtime=20190426101259" alt="Utoledo Hex Vertical 01" class="image-collection__image image-collection__image--padded" style=""> </div> </div> <div class="col-sm-6 pd-0"> <div class="image__wrapper border-right image-wrapper--padded" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo_HORZ_Logo_HEX.svg?mtime=20190426101236" alt="Utoledo Hex 01" class="image-collection__image image-collection__image--padded" style=""> </div> </div> </div> </div> <div class="col-lg-8 col-xl-7 center-padding pd-t-0"> <div class="asset-dropdown collection-download"> <button class="btn btn-download dropdown-toggle" type="button" id="dropdownMenu-1554" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-offset="10, 20"> Download logo →</i> </button> <div class="dropdown-menu" aria-labelledby="dropdownMenu-1554"> <a class="dropdown-item" href="./files/UToledo-Logos.zip">UToledo-Logos.zip <span class="dropdown-item__icon"><i class="far fa-arrow-alt-circle-down"></i></span></a> <div class="tooltip-arrow" style=""></div> </div> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h4>Special Use</h4> <p>In certain applications approved by the Office of Marketing and Communications, the shield may be used by itself separate from the typesetting. If needed, please submit a request for this artwork and approval.</p> </div> <div class="row "> <div class="col-sm-3 pd-0"> <div class="image__wrapper border-right image-wrapper--padded" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo-HEX-Shield.svg?mtime=20190416131726" alt="Utoledo Hex Shield" class="image-collection__image image-collection__image--padded" style=""> </div> </div> </div> </div> </section> <section class="section"> <div class="col-lg-8 col-xl-7 center-padding"> <div class="section__subheading"> <p class="callout-text"><br></p> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h4>Using the UToledo Logo</h4> <h5>Violations</h5> <p>Because consistency and recognition are key to the use of the UToledo logo, there are a handful of guidelines that should be followed. </p> </div> <div class="row"> <div class="col-sm-3 pd-0"> <div class="image__wrapper border-right image-wrapper--padded image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo-logo-violations-04.svg?mtime=20190426152655" alt="Utoledo Logo Violations 04" class="image-collection__image image-collection__image--padded" style=""> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Don't alter the colors </p> </div> </div> <div class="col-sm-3 pd-0"> <div class="image__wrapper border-right image-wrapper--padded image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo-logo-violations-03.svg?mtime=20190426152714" alt="Utoledo Logo Violations 03" class="image-collection__image image-collection__image--padded" style=""> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Don't adjust the pre-set spacing</p> </div> </div> <div class="col-sm-3 pd-0"> <div class="image__wrapper border-right image-wrapper--padded image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo-logo-violations_updated-02.png?mtime=20190426152640" alt="Utoledo Logo Violations 02" class="image-collection__image image-collection__image--padded" style=""> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Don't add stylized effects or drop shadows</p> </div> </div> <div class="col-sm-3 pd-0"> <div class="image__wrapper border-right image-wrapper--padded image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo-logo-violations-01.svg?mtime=20190426152723" alt="Utoledo Logo Violations 01" class="image-collection__image image-collection__image--padded" style=""> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Don't stretch or distort the logo</p> </div> </div> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h5>Clear Space</h5> <p>The UToledo logo works best when it has breathing space. Please be mindful of the clear space guidelines below when using the logo.</p> </div> <div class="row row--expanded "> <div class="col-sm-6 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo-vertical-clear-space-updated-01.svg?mtime=20190426153022" alt="Utoledo Horizontal Clear Space Outlined 01" class="image-collection__image" style=""> </div> </div> <div class="col-sm-6 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo-vertical-clear-space-updated-02.svg?mtime=20190426153014" alt="Utoledo Vertical Clear Space 02" class="image-collection__image" style=""> </div> </div> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h5>Minimum Size</h5> <p>For legibility and accessibility, please refer to these width guides for minimum logo size. This is calculated based on standard print materials; please scale appropriately relative to the media and application. </p> </div> <div class="row row--expanded "> <div class="col-sm-6 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo-logo-min-size-updated-02.svg?mtime=20190426153151" alt="Utoledo Logo Min Size 02" class="image-collection__image" style=""> </div> </div> <div class="col-sm-6 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo-logo-min-size-updated-01.svg?mtime=20190426153143" alt="Utoledo Logo Min Size 01" class="image-collection__image" style=""> </div> </div> </div> </div> </section> <section id="tagged-utoledo-logo" class="section"> <div class="col-lg-8 col-xl-7 center-padding"> <h3>Tagged UToledo Logo</h3> <div class="section__subheading"> <p class="callout-text">In certain situations, the University logo may be placed inside a color block rectangular tag. </p> <p>The tag is designed for the following use cases:<br></p> <ul> <li>To maintain legibility of the logo when the logo is placed on a busy background.</li> <li>To incorporate the logo as part of a larger graphic treatment.</li> </ul> <p>This is not the default or only way to incorporate the UToledo logo. The standard non-tag logo can continue to be used as desired.</p> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <p><strong>Files for Download</strong></p> <p>The following versions are available for download. If you have questions or need a different file type, please contact the Office of Marketing and Communications.<br/></p> </div> <div class="row "> <div class="col-sm-3 pd-0"> <div class="image__wrapper border-right image-wrapper--padded" style="background-color: #f2f2f2;"> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo_horizontal-tag-gold-HEX-updated.svg?mtime=20190426141308" alt="Utoledo Horizontal Tag Gold Hex" class="image-collection__image image-collection__image--padded" style="background-color: #f2f2f2;"> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Horizontal tag in gold</p> </div> </div> <div class="col-sm-3 pd-0"> <div class="image__wrapper border-right image-wrapper--padded" style="background-color: #f2f2f2;"> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo_vertical-tag-gold-HEX-updated.svg?mtime=20190426141209" alt="Utoledo Vertical Tag Gold Hex" class="image-collection__image image-collection__image--padded" style="background-color: #f2f2f2;"> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Vertical tag in gold</p> </div> </div> <div class="col-sm-3 pd-0"> <div class="image__wrapper border-right image-wrapper--padded" style="background-color: #f2f2f2;"> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo_horizontal-tag-white-HEX-updated.svg?mtime=20190426141233" alt="Utoledo Horizontal Tag Reverse Hex" class="image-collection__image image-collection__image--padded" style="background-color: #f2f2f2;"> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Horizontal tag in white</p> </div> </div>  <div class="col-sm-3 pd-0"> <div class="image__wrapper border-right image-wrapper--padded" style="background-color: #f2f2f2;"> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo_vertical-tag-white-HEX-updated.svg?mtime=20190426141156" alt="Utoledo Vertical Tag Reverse Hex" class="image-collection__image image-collection__image--padded" style="background-color: #f2f2f2;"> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Vertical tag in white</p> </div> </div>  </div> </div> <div class="col-lg-8 col-xl-7 center-padding pd-t-0"> <hr> <div class="asset-dropdown collection-download"> <button class="btn btn-download dropdown-toggle" type="button" id="dropdownMenu-1326" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-offset="10, 20">Download UToledo Tag Artwork →</button> <div class="dropdown-menu" aria-labelledby="dropdownMenu-1326"> <a class="dropdown-item" href="./files/UToledo-Tagged-Logos_Updated-5-9-19.zip">UToledo-Tagged-Logos_Updated-5-9-19.zip <span class="dropdown-item__icon"><i class="far fa-arrow-alt-circle-down"></i></span></a> <div class="tooltip-arrow" style=""></div> </div> </div> </div> </section> <section class="section"> <div class="col-lg-8 col-xl-7 center-padding"> <div class="section__subheading"> <h4>Using the Tagged Logo</h4> <p>When using the UToledo tag, consistency is important. There are two ways to apply the tag:</p> <ul> <li><strong>Standard treatment: </strong>Tag is pinned to one side of the canvas and is used small.</li> <li><strong>Graphic treatment:</strong> Tag is pinned to one or two sides of the canvas and is scaled larger.</li> </ul> <p>The UToledo tag should adhere to the grid as much as possible, connecting to the canvas edge and a minimum of one other grid edge. </p> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h5>Clear Space</h5> <p>The tagged logo works best when it has appropriate clear space around it. Please follow the examples below for consistent clear space. When pinning the logo to one edge of a canvas, that edge's clear space rules are overridden. </p> </div> <div class="row row--expanded "> <div class="col-sm-6 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo_horizontal-tag-clear-space-updated-01.svg?mtime=20190426153641" alt="Utoledo Horizontal Tag Clear Space 01" class="image-collection__image" style=""> </div> </div> <div class="col-sm-6 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo_vertical-tag-clear-space-updated-01.svg?mtime=20190426153631" alt="Utoledo Vertical Tag Clear Space 01" class="image-collection__image" style=""> </div> </div> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h5>Tagged Logos and the Grid</h5> </div> <div class="row row--expanded"> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/logo-tag-guidelines.jpg?mtime=20190426154213" alt="Thetagupdated" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <p><strong>Standard Tag Treatment</strong></p> <ul> <li>Logo stays small</li> <li>Pinned to one side of the canvas</li> </ul> </div> </div> </div> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/logo-tag-guidelines2.jpg?mtime=20190426154221" alt="Thetagupdated2" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <p><strong>Graphic Tag Treatment</strong></p> <ul> <li>Logo scales larger</li> <li>Pinned to one or two sides of the canvas</li> <li>Used as a prominent visual element</li> </ul> </div> </div> </div> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h5>Violations</h5> <p>Please refrain from using the taglines in the following ways.</p> </div> <div class="row "> <div class="col-sm-3 pd-0"> <div class="image__wrapper border-right image-wrapper--padded image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/tag-violations-updated2-05.svg?mtime=20190426154916" alt="Tag Violations 02" class="image-collection__image image-collection__image--padded" style=""> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Don't change the shape or pre-set spacing</p> </div> </div> <div class="col-sm-3 pd-0"> <div class="image__wrapper border-right image-wrapper--padded image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/tag-violations-updated2-09.svg?mtime=20190426154941" alt="Tag Violations Updated 09" class="image-collection__image image-collection__image--padded" style=""> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Don't add a drop shadow or style effects</p> </div> </div> <div class="col-sm-3 pd-0"> <div class="image__wrapper border-right image-wrapper--padded image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/tag-violations-updated2-12.svg?mtime=20190426155046" alt="Tag Violations Updated 12" class="image-collection__image image-collection__image--padded" style=""> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Don't add or remove elements</p> </div> </div> <div class="col-sm-3 pd-0"> <div class="image__wrapper border-right image-wrapper--padded image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/tag-violations-updated2-06.svg?mtime=20190426154930" alt="Tag Violations 01" class="image-collection__image image-collection__image--padded" style=""> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Don't change the color </p> </div> </div> <div class="col-sm-3 pd-0"> <div class="image__wrapper border-right image-wrapper--padded image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/tag-violations-updated2-01.svg?mtime=20190426154801" alt="Tag Violations 05" class="image-collection__image image-collection__image--padded" style=""> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Don't change the tag's orientation or rotate the tag at an angle</p> </div> </div> <div class="col-sm-3 pd-0"> <div class="image__wrapper border-right image-wrapper--padded image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/tag-violations-updated2-02.svg?mtime=20190426154755" alt="Tag Violations 06" class="image-collection__image image-collection__image--padded" style=""> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Standard treatments (small size) should only be pinned to one canvas edge — not two</p> </div> </div> <div class="col-sm-3 pd-0"> <div class="image__wrapper border-right image-wrapper--padded image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/tag-violations-updated2-03.svg?mtime=20190426154746" alt="Tag Violations 07" class="image-collection__image image-collection__image--padded" style=""> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Tag must be pinned to at least one canvas edge</p> </div> </div> <div class="col-sm-3 pd-0"> <div class="image__wrapper border-right image-wrapper--padded image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/tag-violations-updated2-04.svg?mtime=20190426154735" alt="Tag Violations 08" class="image-collection__image image-collection__image--padded" style=""> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Don't use more than one tag per design</p> </div> </div> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h5>Examples</h5> </div> <div class="row row--expanded ">  <div class="col-sm-4 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/brochure-cover-updated.jpg?mtime=20190328173041" alt="Bookcover" class="image-collection__image" style=""> </div> </div> <div class="col-sm-4 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/brochure-updated_190329_142522.jpg?mtime=20190329102522" alt="Brochure2" class="image-collection__image" style=""> </div> </div> </div> </div> </section> <section id="colleges-divisions-and-unit-logos" class="section"> <div class="col-lg-8 col-xl-7 center-padding"> <h3>Colleges, Divisions and Unit Logos</h3> <div class="section__subheading"> <p class="callout-text">While any University unit may use the UToledo logo, there are times that a college, division or unit-specific logo is preferred. In such cases, the following logos may be requested from the Office of Marketing and Communications.</p> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h4>College and Divisions</h4> <p>College and division logos feature The University of Toledo crest with the college/division name accompanied by the institution name. All academic departments are encouraged to use their respective college logo to reinforce the college recognition.</p> </div> <div class="row "> <div class="col-sm-6 pd-0"> <div class="image__wrapper border-right image-wrapper--padded" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo_VERT_College_HEX_VERT.svg?mtime=20190426093838" alt="Utoledo Vert College Hex Vert" class="image-collection__image image-collection__image--padded" style=""> </div> </div> <div class="col-sm-6 pd-0"> <div class="image__wrapper border-right image-wrapper--padded" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo_HORZ_College_HEX_HORZ.svg?mtime=20190426093837" alt="Utoledo Horz College Hex Horz" class="image-collection__image image-collection__image--padded" style=""> </div> </div> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h4>University Units</h4> <p>Unit logos feature the UToledo wordmark with a lock-up of the unit name. Please note that these do not include the college or division associated with the unit.</p> </div> <div class="row "> <div class="col-sm-6 pd-0"> <div class="image__wrapper border-right image-wrapper--padded" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo_HORZ_Unit_HEX.svg?mtime=20190426093152" alt="Utoledo Horz Unit Hex Artboard 1" class="image-collection__image image-collection__image--padded" style=""> </div> </div> <div class="col-sm-6 pd-0"> <div class="image__wrapper border-right image-wrapper--padded" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo_VERT_Unit_HEX2.svg?mtime=20190426093332" alt="Utoledo Vert Unit Hex2" class="image-collection__image image-collection__image--padded" style=""> </div> </div> </div> </div> </section> <section id="restricted-use-logos" class="section"> <div class="col-lg-8 col-xl-7 center-padding"> <h3>Restricted Use Logos</h3> <div class="section__subheading"> <h4>Rocket Athletic and Vintage Athletic Logos</h4> <p>Rocket Athletic logos are reserved for athletic marketing purposes only. These marks may not be used for University marketing and promotion. </p> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> </div> <div class="row "> <div class="col-sm-6 pd-0"> <div class="image__wrapper border-right image-wrapper--padded" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Rockets_Athletics2.svg?mtime=20190426094737" alt="Rockets Athletics" class="image-collection__image image-collection__image--padded" style=""> </div> </div> <div class="col-sm-6 pd-0"> <div class="image__wrapper border-right image-wrapper--padded" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Rocket_Athletics.svg?mtime=20190426094737" alt="Rockets Athletics" class="image-collection__image image-collection__image--padded" style=""> </div> </div> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h4>Presidential Seal</h4> <p>The University seal is reserved for official use by the Office of the President and the Board of Trustees, and is not available for download.</p> </div> <div class="row "> <div class="col-sm-4 pd-0"> <div class="image__wrapper border-right image-wrapper--padded" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo_President_Seal.svg?mtime=20190426095338" alt="Utoledo President Seal" class="image-collection__image image-collection__image--padded" style=""> </div> </div> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h4>Heritage Logos</h4> <p>The UToledo logo with the date of establishment is considered a heritage logo and may be used for special projects such as commencement, anniversary materials or other special occasions. Please contact the Office of Marketing and Communications for more information.</p> </div> <div class="row "> <div class="col-sm-6 pd-0"> <div class="image__wrapper border-right image-wrapper--padded" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo_VERT_1872_HEX.svg?mtime=20190426095700" alt="Utoledo Vert 1872 Hex" class="image-collection__image image-collection__image--padded" style=""> </div> </div> <div class="col-sm-6 pd-0"> <div class="image__wrapper border-right image-wrapper--padded" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo_HORZ_1872_HEX.svg?mtime=20190426095700" alt="Utoledo Horz 1872 Hex" class="image-collection__image image-collection__image--padded" style=""> </div> </div> </div> </div> </section> <section id="fueling-tomorrows" class="section"> <div class="col-lg-8 col-xl-7 center-padding"> <h3>Fueling Tomorrows</h3> <div class="section__subheading"> <p class="callout-text">As part of the brand, <span class="push-double"></span><span class="pull-double">“</span>Fueling Tomorrows” receives a distinct type treatment. <br> </p> <p>This logotype is a component of the University brand and can be used as a graphic element, independent of the University’s main logo. However, the University logo should appear elsewhere on branded pieces, so the connection to UToledo is clear.<br></p> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> </div> <div class="row "> <div class="col-sm-6 pd-0"> <div class="image__wrapper border-right image-wrapper--padded" style="background-color: #003e7e;"> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo_FuelingTomorrows-gold-HEX.svg?mtime=20190326131253" alt="Utoledo Ft Gold Hex" class="image-collection__image image-collection__image--padded" style="background-color: #003e7e;"> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Type in gold</p> </div> </div> <div class="col-sm-6 pd-0"> <div class="image__wrapper border-right image-wrapper--padded" style="background-color: #003e7e;"> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UToledo_FuelingTomorrows-reverse-HEX.svg?mtime=20190326131332" alt="Utoledo Ft Reverse" class="image-collection__image image-collection__image--padded" style="background-color: #003e7e;"> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Type in reverse</p> </div> </div>  </div> </div> <div class="col-lg-8 col-xl-7 center-padding pd-t-0"> <hr> <div class="asset-dropdown collection-download"> <button class="btn btn-download dropdown-toggle" type="button" id="dropdownMenu-1253" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-offset="10, 20"> Download Fueling Tomorrows Artwork →</i> </button> <div class="dropdown-menu" aria-labelledby="dropdownMenu-1253"> <a class="dropdown-item" href="./files/UToledo-FuelingTomorrows-Typesetting.zip">UToledo-FuelingTomorrows-Typesetting-Updated-5-7-19.zip <span class="dropdown-item__icon"><i class="far fa-arrow-alt-circle-down"></i></span></a> <div class="tooltip-arrow" style=""></div> </div> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h4>Using the Fueling Tomorrows Logotype</h4> <h5>Clear Space</h5> <p>Please follow these guidelines to ensure the Fueling Tomorrows logotype receives plenty of breathing space.</p> </div> <div class="row row--expanded "> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/FT-clear-space-outlined-01.svg?mtime=20190408111510" alt="Ft Clear Space Outlined 01" class="image-collection__image" style=""> </div> </div> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h5>Violations</h5> <p>For the greatest impact, the Fueling Tomorrows logotype needs to be used consistently across all applications. Please refrain from doing the following.</p> </div> <div class="row "> <div class="col-sm-4 pd-0"> <div class="image__wrapper border-right image-wrapper--padded image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Violation-color-2-01.svg?mtime=20190408093949" alt="Violation Color 01" class="image-collection__image image-collection__image--padded" style=""> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Don't use secondary brand colors</p> </div> </div> <div class="col-sm-4 pd-0"> <div class="image__wrapper border-right image-wrapper--padded image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Violation-RemoveSpace-2-01.svg?mtime=20190408094001" alt="Violation Removespace 01" class="image-collection__image image-collection__image--padded" style=""> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Don't remove or alter the spacing</p> </div> </div> <div class="col-sm-4 pd-0"> <div class="image__wrapper border-right image-wrapper--padded image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Violation-paragraph-01.svg?mtime=20190408093348" alt="Violation Paragraph 01" class="image-collection__image image-collection__image--padded" style=""> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Don't use the logotype within a paragraph, headline, subhead or caption</p> </div> </div> <div class="col-sm-4 pd-0"> <div class="image__wrapper border-right image-wrapper--padded image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Violation-Rotate-1-01.svg?mtime=20190326132922" alt="Violation Rotate 01" class="image-collection__image image-collection__image--padded" style=""> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Don't place the logotype on an angle</p> </div> </div>  <div class="col-sm-4 pd-0"> <div class="image__wrapper border-right image-wrapper--padded image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Violation-AddGraphics-1-01.svg?mtime=20190326132956" alt="Violation Addgraphics 01" class="image-collection__image image-collection__image--padded" style=""> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Don't add elements to the logotype</p> </div> </div> </div> </div> </section> <section id="utoledo-shield-icon" class="section"> <div class="col-lg-8 col-xl-7 center-padding"> <h3>UToledo Shield Icon</h3> <div class="section__subheading"> <p>In addition to the official logos, the brand includes a special use icon of a flat shield. </p> <p>The shield is an icon representation of the logo, but is never to be used in place of the logo. Rather, it is to be used as a graphic element within the context of a layout.</p> <p>There is a <a href="#visual-language">full set of custom icons</a> for use available in the Visual Language section of this guide, but the UToledo shield is considered a primary graphic element. It bears more significance than the rest of the icons and its use is encouraged more frequently and more prominently than the rest of the set.</p> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> </div> <div class="row row--expanded "> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Icons-for-Guide3.jpg?mtime=20190408135418" alt="Icons For Guide2" class="image-collection__image" style=""> </div> </div> </div> </div> <div class="col-lg-8 col-xl-7 center-padding pd-t-0"> <hr> <div class="asset-dropdown collection-download"> <button class="btn btn-download dropdown-toggle" type="button" id="dropdownMenu-1506" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-offset="10, 20"> Download shield artwork →</i> </button> <div class="dropdown-menu" aria-labelledby="dropdownMenu-1506"> <a class="dropdown-item" href="./files/Shield.zip">Shield.zip <span class="dropdown-item__icon"><i class="far fa-arrow-alt-circle-down"></i></span></a> <div class="tooltip-arrow" style=""></div> </div> </div> </div> </section> <section class="section"> <div class="col-lg-8 col-xl-7 center-padding"> <div class="section__subheading"> <h4>Using the Shield</h4> <p>The shield can be used as an independent graphic element in a layout or set in-line with text. </p> <p>When set in-line with text, the left and right points should align with the ascenders and the top center point overhangs. The bottom point of the shield should also overhang slightly, similar to the amount an <span class="push-double"></span><span class="pull-double">“</span>O” or <span class="push-double"></span><span class="pull-double">“</span>U” overhangs, to visually center the shield with the type.</p> <p>Examples of both treatments can be seen in the various use examples below:</p> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h5>Examples</h5> </div> <div class="row row--expanded "> <div class="col-sm-6 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/bigtype-with-blue-updated.jpg?mtime=20190329103318" alt="Ft Bigtype Blue 2" class="image-collection__image" style=""> </div> </div> <div class="col-sm-6 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Fueling-Tomorrows-Slides_Ash5.jpg?mtime=20190307164132" alt="Poster Fueling Tomorrows Slides Ash" class="image-collection__image" style=""> </div> </div> <div class="col-sm-6 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/brochure-updated_190329_142522.jpg?mtime=20190329102522" alt="Brochure2" class="image-collection__image" style=""> </div> </div> <div class="col-sm-6 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/student-updated.jpg?mtime=20190328172216" alt="Student Full2" class="image-collection__image" style=""> </div> </div> </div> </div> </section> <section class="section"> <div class="col-lg-8 col-xl-7 center-padding"> <div class="section__subheading"> <h5>Violations</h5> <p>The shield is not to be used without an official UToledo logo also appearing somewhere on the piece. </p> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> </div> <div class="row row--expanded "> <div class="col-sm-4 "> <div class="image__wrapper border-right image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UT-Shield_Violations-02.svg?mtime=20190327115430" alt="Ut Shield Violations 02" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <p>Never add a stroke or outline to the shield</p> </div> </div> </div> <div class="col-sm-4 "> <div class="image__wrapper border-right image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UT-Shield_Violations-03.svg?mtime=20190327115430" alt="Ut Shield Violations 03" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <p>The shield should always appear in a UToledo-approved color <br/></p> </div> </div> </div> <div class="col-sm-4 "> <div class="image__wrapper border-right image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UT-Shield_Violations-04.svg?mtime=20190327115431" alt="Ut Shield Violations 04" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <p>Don’t stretch or alter its shape</p> </div> </div> </div> <div class="col-sm-4 "> <div class="image__wrapper border-right image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UT-Shield_Violations-05.svg?mtime=20190327115431" alt="Ut Shield Violations 05" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <p>Don't add any drop shadows or other graphic effects<br/> </p> </div> </div> </div> <div class="col-sm-4 "> <div class="image__wrapper border-right image-collection__image--violation" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UT-Shield_Violations-05_190509_174311.svg?mtime=20190509134311" alt="Ut Shield Violations 05" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <p class="image-collection__caption">Don't rotate the icon </p> </div> </div> </div> </div> </section> </div> </div> </section> <div class="container-fluid no-h-padding page-divider"> <div class="row"> <div class="col-lg-12 center-padding divider__wrapper"> <hr class="divider"> </div> </div> </div> <section class="new-page"> <div class="container-fluid no-h-padding"> <div class="row"> <article class="col-lg-8 col-xl-7 center-padding pd-b-0"> <h2 id="colors" class="page-header">Colors</h2> </article> <section id="palettes" class="section"> <div class="col-lg-8 col-xl-7 center-padding pd-b-0"> <h3>Palettes</h3> <div class="section__subheading"> <h4>Primary</h4> <p>Click on the values below to copy to your clipboard.</p> </div> </div> <div class="col-lg-12 center-padding no-v-padding"> <div class="row row--expanded"> <div class="col-sm-6 color__container"> <article class="color__wrapper color__wrapper--large"> <div class="color color--large" style="background-color: #003e7e"></div> <h5 class="color__title">Midnight Blue</h5> <div class="color-meta__wrapper color-meta__wrapper--large"> <div class="row"> <div class="col-sm-6 col-xl-6 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">HEX:</span> <span class="color-meta__copy js-clip" data-clipboard-text="#003E7E">#003E7E</span> </p> </div> <div class="col-sm-6 col-xl-6 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">RGB:</span> <span class="color-meta__copy js-clip" data-clipboard-text="0, 62, 126">0, 62, 126</span> </p> </div> <div class="col-sm-6 col-xl-6 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">CMYK:</span> <span class="color-meta__copy js-clip" data-clipboard-text="100, 70, 0, 40">100, 70, 0, 40</span> </p> </div> <div class="col-sm-6 col-xl-6 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">PMS:</span> <span class="color-meta__copy js-clip" data-clipboard-text="294 C or 294 U">294 C or 294 U</span> </p> </div> </div> </div> </article> </div> <div class="col-sm-6 color__container"> <article class="color__wrapper color__wrapper--large"> <div class="color color--large" style="background-color: #ffd200"></div> <h5 class="color__title">Gold</h5> <div class="color-meta__wrapper color-meta__wrapper--large"> <div class="row"> <div class="col-sm-6 col-xl-6 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">HEX:</span> <span class="color-meta__copy js-clip" data-clipboard-text="#FFD200">#FFD200</span> </p> </div> <div class="col-sm-6 col-xl-6 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">RGB:</span> <span class="color-meta__copy js-clip" data-clipboard-text="255, 210, 0">255, 210, 0</span> </p> </div> <div class="col-sm-6 col-xl-6 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">CMYK:</span> <span class="color-meta__copy js-clip" data-clipboard-text="0, 14, 100, 0">0, 14, 100, 0</span> </p> </div> <div class="col-sm-6 col-xl-6 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">PMS:</span> <span class="color-meta__copy js-clip" data-clipboard-text="116 C or 108 U">116 C or 108 U</span> </p> </div> </div> </div> </article> </div> </div> </div> </section> <style> </style> <section class="section"> <div class="col-lg-8 col-xl-7 center-padding pd-b-0"> <div class="section__subheading"> <h4>Secondary</h4> <p>Click on the values below to copy to your clipboard.</p> </div> </div> <div class="col-lg-12 center-padding no-v-padding"> <div class="row row--expanded"> <div class="col-lg-2 color__container"> <article class="color__wrapper color__wrapper--large"> <div class="color color--large" style="background-color: #102b5f"></div> <h5 class="color__title">Space</h5> <div class="color-meta__wrapper color-meta__wrapper--large"> <div class="row"> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">HEX:</span> <span class="color-meta__copy js-clip" data-clipboard-text="#102B5F">#102B5F</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">RGB:</span> <span class="color-meta__copy js-clip" data-clipboard-text="16, 43, 95">16, 43, 95</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">CMYK:</span> <span class="color-meta__copy js-clip" data-clipboard-text="100, 85, 5, 18">100, 85, 5, 18</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">PMS:</span> <span class="color-meta__copy js-clip" data-clipboard-text="280 U">280 U</span> </p> </div> </div> </div> </article> </div> <div class="col-lg-2 color__container"> <article class="color__wrapper color__wrapper--large"> <div class="color color--large" style="background-color: #134fc9"></div> <h5 class="color__title">Cobalt</h5> <div class="color-meta__wrapper color-meta__wrapper--large"> <div class="row"> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">HEX:</span> <span class="color-meta__copy js-clip" data-clipboard-text="#134FC9">#134FC9</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">RGB:</span> <span class="color-meta__copy js-clip" data-clipboard-text="19, 79, 201">19, 79, 201</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">CMYK:</span> <span class="color-meta__copy js-clip" data-clipboard-text="85, 52, 0, 0">85, 52, 0, 0</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">PMS:</span> <span class="color-meta__copy js-clip" data-clipboard-text="2175 U">2175 U</span> </p> </div> </div> </div> </article> </div> <div class="col-lg-2 color__container"> <article class="color__wrapper color__wrapper--large"> <div class="color color--large" style="background-color: #3bb2f1"></div> <h5 class="color__title">Azure</h5> <div class="color-meta__wrapper color-meta__wrapper--large"> <div class="row"> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">HEX:</span> <span class="color-meta__copy js-clip" data-clipboard-text="#3BB2F1">#3BB2F1</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">RGB:</span> <span class="color-meta__copy js-clip" data-clipboard-text="59, 178, 241">59, 178, 241</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">CMYK:</span> <span class="color-meta__copy js-clip" data-clipboard-text="53, 2, 1, 0">53, 2, 1, 0</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">PMS:</span> <span class="color-meta__copy js-clip" data-clipboard-text="298 U">298 U</span> </p> </div> </div> </div> </article> </div> <div class="col-lg-2 color__container"> <article class="color__wrapper color__wrapper--large"> <div class="color color--large" style="background-color: #afd5e9"></div> <h5 class="color__title">Sky</h5> <div class="color-meta__wrapper color-meta__wrapper--large"> <div class="row"> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">HEX:</span> <span class="color-meta__copy js-clip" data-clipboard-text="#AFD5E9">#AFD5E9</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">RGB:</span> <span class="color-meta__copy js-clip" data-clipboard-text="175, 213, 233">175, 213, 233</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">CMYK:</span> <span class="color-meta__copy js-clip" data-clipboard-text="27, 4, 1, 1">27, 4, 1, 1</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">PMS:</span> <span class="color-meta__copy js-clip" data-clipboard-text="544 U">544 U</span> </p> </div> </div> </div> </article> </div> <div class="col-lg-2 color__container"> <article class="color__wrapper color__wrapper--large"> <div class="color color--large" style="background-color: #cad9e1"></div> <h5 class="color__title">Stone</h5> <div class="color-meta__wrapper color-meta__wrapper--large"> <div class="row"> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">HEX:</span> <span class="color-meta__copy js-clip" data-clipboard-text="#CAD9E1">#CAD9E1</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">RGB:</span> <span class="color-meta__copy js-clip" data-clipboard-text="202, 217, 225">202, 217, 225</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">CMYK:</span> <span class="color-meta__copy js-clip" data-clipboard-text="20, 8, 7, 0">20, 8, 7, 0</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">PMS:</span> <span class="color-meta__copy js-clip" data-clipboard-text="643 U">643 U</span> </p> </div> </div> </div> </article> </div> </div> </div> </section> <section class="section"> <div class="col-lg-8 col-xl-7 center-padding pd-b-0"> <div class="section__subheading"> <h4>Neutral</h4> <p>Click on the values below to copy to your clipboard.</p> </div> </div> <div class="col-lg-12 center-padding no-v-padding"> <div class="row row--expanded"> <div class="col-lg-2 color__container"> <article class="color__wrapper color__wrapper--large"> <div class="color color--large" style="background-color: #2e2e2d"></div> <h5 class="color__title">Black</h5> <div class="color-meta__wrapper color-meta__wrapper--large"> <div class="row"> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">HEX:</span> <span class="color-meta__copy js-clip" data-clipboard-text="#2E2E2D">#2E2E2D</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">RGB:</span> <span class="color-meta__copy js-clip" data-clipboard-text="46, 46, 45">46, 46, 45</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">CMYK:</span> <span class="color-meta__copy js-clip" data-clipboard-text="59, 53, 56, 60">59, 53, 56, 60</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">PMS:</span> <span class="color-meta__copy js-clip" data-clipboard-text="—">—</span> </p> </div> </div> </div> </article> </div> <div class="col-lg-2 color__container"> <article class="color__wrapper color__wrapper--large"> <div class="color color--large" style="background-color: #4a4a47"></div> <h5 class="color__title">Dark Gray</h5> <div class="color-meta__wrapper color-meta__wrapper--large"> <div class="row"> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">HEX:</span> <span class="color-meta__copy js-clip" data-clipboard-text="#4A4A47">#4A4A47</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">RGB:</span> <span class="color-meta__copy js-clip" data-clipboard-text="74, 74, 71">74, 74, 71</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">CMYK:</span> <span class="color-meta__copy js-clip" data-clipboard-text="59, 51, 50, 19">59, 51, 50, 19</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">PMS:</span> <span class="color-meta__copy js-clip" data-clipboard-text="426 U">426 U</span> </p> </div> </div> </div> </article> </div> <div class="col-lg-2 color__container"> <article class="color__wrapper color__wrapper--large"> <div class="color color--large" style="background-color: #737571"></div> <h5 class="color__title">Medium Gray</h5> <div class="color-meta__wrapper color-meta__wrapper--large"> <div class="row"> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">HEX:</span> <span class="color-meta__copy js-clip" data-clipboard-text="#737571">#737571</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">RGB:</span> <span class="color-meta__copy js-clip" data-clipboard-text="115, 117, 113">115, 117, 113</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">CMYK:</span> <span class="color-meta__copy js-clip" data-clipboard-text="49, 40, 39, 4">49, 40, 39, 4</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">PMS:</span> <span class="color-meta__copy js-clip" data-clipboard-text="424 U">424 U</span> </p> </div> </div> </div> </article> </div> <div class="col-lg-2 color__container"> <article class="color__wrapper color__wrapper--large"> <div class="color color--large" style="background-color: #bdbbb5"></div> <h5 class="color__title">Light Gray</h5> <div class="color-meta__wrapper color-meta__wrapper--large"> <div class="row"> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">HEX:</span> <span class="color-meta__copy js-clip" data-clipboard-text="#BDBBB5">#BDBBB5</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">RGB:</span> <span class="color-meta__copy js-clip" data-clipboard-text="189, 187, 181">189, 187, 181</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">CMYK:</span> <span class="color-meta__copy js-clip" data-clipboard-text="20, 15, 16, 0">20, 15, 16, 0</span> </p> </div> <div class="col-sm-12 pd-0"> <p class="color-meta__text"> <span class="color-meta__title">PMS:</span> <span class="color-meta__copy js-clip" data-clipboard-text="420 U">420 U</span> </p> </div> </div> </div> </article> </div> </div> </div> </section> <style> </style> <section id="supporting-colors" class="section"> <div class="col-lg-8 col-xl-7 center-padding"> <h3>Supporting Colors</h3> <div class="section__subheading"> <h4>Balancing the Palettes</h4> <p>The University’s midnight blue and gold are here to stay. Help these colors stay iconic by using the secondary and neutral palettes sparingly. In general, the primary palette should take up a minimum of <span class="numbers">50</span>% of the color of the design. The secondary palette should be around <span class="numbers">35</span>% and the neutral palette no more than <span class="numbers">15</span>%. </p> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> </div> <div class="row row--expanded "> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UTOL_ColorUsage-01.svg?mtime=20190405153722" alt="Utol Colorusage 01" class="image-collection__image" style=""> </div> </div> </div> </div> </section>  </div> </div> </section> <div class="container-fluid no-h-padding page-divider"> <div class="row"> <div class="col-lg-12 center-padding divider__wrapper"> <hr class="divider"> </div> </div> </div> <section class="new-page"> <div class="container-fluid no-h-padding"> <div class="row"> <article class="col-lg-8 col-xl-7 center-padding pd-b-0"> <h2 id="typography" class="page-header">Typography</h2> </article> <section id="primary-typefaces" class="section"> <div class="col-lg-8 col-xl-7 center-padding"> <h3>Primary Typefaces</h3> <div class="section__subheading"> <p class="callout-text">Alright Normal and Jubilat are UToledo’s brand typefaces. Both can be used for print and interactive applications. <br></p> <h4>Licensing</h4> <p>Alright Normal licenses can be purchased directly from the type foundry at the link below. Jubilat can be licensed through Adobe Fonts, either as a free download via Adobe Creative Cloud or as a separate purchase. <br></p> <a href="https://web.archive.org/web/20230320201711/https://okaytype.com/typefaces/alright" class="btn btn-download btn-link" target="_blank" rel="noopener">Purchase or preview Alright Normal →</a> <a href="https://web.archive.org/web/20230320201711/https://fonts.adobe.com/fonts/jubilat" class="btn btn-download btn-link" target="_blank" rel="noopener">Purchase or download Jubilat →</a> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> </div> <div class="row row--expanded "> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/typeface-alright.svg?mtime=20190326115157" alt="Typeface Alright" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <p>Alright Normal</p> </div> </div> </div> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/typeface-jubilat.svg?mtime=20190226133959" alt="Typeface Jubilat" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <p>Jubilat</p> </div> </div> </div> </div> </div> </section> <section class="section"> <div class="col-lg-8 col-xl-7 center-padding"> <div class="section__subheading"> <h4>Primary Typesetting Styles</h4> <p>The brand type styles are created for flexibility. There are a handful of options for headline treatment. Styles outlined below are suggestions for hierarchy and should be the starting point for all creative styling. Individual type sizes and leading will vary based on application; the styles below are based on print formats. When scaling larger or smaller, tracking should not be changed. </p> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h5>Recommended Typesetting</h5> </div> <div class="row row--expanded "> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Primary-headlines-01.svg?mtime=20190326110340" alt="Primary Headlines 01" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <ul> <li>Size: 40 pt.</li> <li>Leading: 39 pt.</li> <li>Tracking: +10</li> <li>Typeface: Alright Normal</li> <li>Weight: Black</li> <li>Case: Uppercase</li> </ul> </div> </div> </div> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Primary-headlines-02.svg?mtime=20190326110340" alt="Primary Headlines 02" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <ul> <li>Size: 16 pt.</li> <li>Leading: 18 pt.</li> <li>Tracking: +200</li> <li>Typeface: Alright Normal</li> <li>Weight: Light</li> <li>Case: Uppercase</li> </ul> </div> </div> </div> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Primary-headlines-03.svg?mtime=20190326110341" alt="Primary Headlines 03" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <ul> <li>Size: 12 pt. </li> <li>Leading: 15 pt. </li> <li>Tracking: 0 </li> <li>Typeface: Jubilat </li> <li>Weight: Medium </li> <li>Case: Title Case</li> </ul> </div> </div> </div> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Primary-headlines-04.svg?mtime=20190326110341" alt="Primary Headlines 04" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <ul> <li>Size: 11 pt.</li> <li>Leading: 15 pt.</li> <li>Tracking: 0</li> <li>Typeface: Alright Normal</li> <li>Weight: Medium</li> <li>Case: Title Case</li> </ul> </div> </div> </div> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Primary-headlines-05.svg?mtime=20190326110341" alt="Primary Headlines 05" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <ul> <li>Size: 10 pt.</li> <li>Leading: 12 pt.</li> <li>Tracking: 0</li> <li>Typeface: Alright Normal</li> <li>Weight: Light</li> <li>Case: Uppercase</li> </ul> </div> </div> </div> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Primary-quotes.svg?mtime=20190326110343" alt="Primary Quotes" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <ul> <li>Size: 16 pt.</li> <li>Leading: 20 pt.</li> <li>Tracking: +20</li> <li>Typeface: Jubilat</li> <li>Weight: Medium</li> <li>Case: Sentence case</li> </ul> </div> </div> </div> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Primary-intro-paragraph.svg?mtime=20190326110342" alt="Primary Intro Paragraph" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <ul> <li>Size: 12 pt.</li> <li>Leading: 16 pt.</li> <li>Tracking: 0</li> <li>Typeface: Alright Normal</li> <li>Weight: Regular</li> <li>Case: Sentence case</li> </ul> </div> </div> </div> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Primary-body-copy.svg?mtime=20190326110339" alt="Primary Body Copy" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <ul> <li>Size: 9.5 pt.</li> <li>Leading: 13 pt.</li> <li>Tracking: 0</li> <li>Typeface: Alright Normal</li> <li>Weight: Light</li> <li>Case: Sentence case</li> </ul> </div> </div> </div> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Primary-link.svg?mtime=20190326110342" alt="Primary Link" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <ul> <li>Size: 10 pt.</li> <li>Leading: 14 pt.</li> <li>Tracking: 0</li> <li>Typeface: Alright Normal</li> <li>Weight: Bold</li> <li>Case: Lowercase</li> </ul> </div> </div> </div> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Primary-caption.svg?mtime=20190326110339" alt="Primary Caption" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <ul> <li>Size: 8 pt.</li> <li>Leading: 10 pt.</li> <li>Tracking: +30</li> <li>Typeface: Jubilat</li> <li>Weight: Book Italic</li> <li>Case: Sentence case</li> </ul> </div> </div> </div> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/graphic-treatment-36.svg?mtime=20190328100354" alt="Graphic Treatment 36" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <p>When creating graphic typography treatments, the heaviest weight of Alright Normal may be used. For visual consistency with the alternate typefaces, Alright Normal Ultra should not be used as a headline style. </p> <ul> <li>Size: 40 pt.</li> <li>Leading: 39 pt.</li> <li>Tracking: +10</li> <li>Typeface: Alright Normal</li> <li>Weight: Ultra</li> <li>Case: Uppercase</li> </ul> </div> </div> </div> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h5>Number Styles</h5> <p>Alright Normal includes a handful of stylistic sets for numbers. In general, oldstyle numbers should be the default as they're designed for visual rhythm with the ascenders and descenders. However, there are some exceptions depending on application. Please refer to the usage examples outlined below.</p> <ul> <li><strong>Oldstyle:</strong> Default styling, all body copy and captions</li> <li><strong>Lining:</strong> Headlines, treatments with all caps</li> </ul> </div> <div class="row row--expanded "> <div class="col-sm-6 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/AlrightNormal_numbers-01a.svg?mtime=20190416140056" alt="Alrightnormal Numbers 01" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <p><strong>Oldstyle Numbers</strong><br/></p> </div> </div> </div> <div class="col-sm-6 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/AlrightNormal_numbers-03a.svg?mtime=20190416140127" alt="Alrightnormal Numbers 03" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <p>Used with body copy</p> </div> </div> </div> <div class="col-sm-6 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/AlrightNormal_numbers-02a.svg?mtime=20190416140110" alt="Alrightnormal Numbers 02" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <p><strong>Lining Numbers</strong></p> </div> </div> </div> <div class="col-sm-6 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/AlrightNormal_numbers-04a.svg?mtime=20190416140141" alt="Alrightnormal Numbers 04" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <p>Used with headlines and all caps</p> </div> </div> </div> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h5>Bulleted Lists</h5> <p>When creating bulleted lists, please choose square bullets whenever possible. For Alright Normal, square bullets are available as a glyph. </p> </div> <div class="row row--expanded "> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/AlrightNormal_list-style-squares-01.svg?mtime=20190515090043" alt="Alrightnormal Lists 01" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <p><strong>Square bullets</strong></p> </div> </div> </div> </div> </div> </section> <section id="alternate-typefaces" class="section"> <div class="col-lg-8 col-xl-7 center-padding"> <h3>Alternate Typefaces</h3> <div class="section__subheading"> <h4>Licensing<br></h4> <p>For limited-use circumstances where access to Alright Normal and Jubilat is not possible, please use Source Sans Pro and Roboto Slab in their place. These typefaces are available for free through Google Fonts. Source Sans Pro is also available through Adobe Fonts as part of a Creative Cloud subscription. <br></p> <a href="https://web.archive.org/web/20230320201711/https://fonts.google.com/specimen/Source+Sans+Pro" class="btn btn-download btn-link" target="_blank" rel="noopener">Download Source Sans Pro →</a> <a href="https://web.archive.org/web/20230320201711/https://fonts.google.com/specimen/Roboto+Slab" class="btn btn-download btn-link" target="_blank" rel="noopener">Download Roboto Slab →</a> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> </div> <div class="row row--expanded "> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/typeface-source-sans-pro.svg?mtime=20190226134021" alt="Typeface Source Sans Pro" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <p>Source Sans Pro</p> </div> </div> </div> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/typeface-roboto-slab.svg?mtime=20190226134009" alt="Typeface Roboto Slab" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <p>Roboto Slab</p> </div> </div> </div> </div> </div> </section> <section class="section"> <div class="col-lg-8 col-xl-7 center-padding"> <div class="section__subheading"> <h4>Alternate Typesetting Styles</h4> <h5>Print and Digital</h5> <p>Visual consistency is important, even while using alternate Google Fonts. Please follow primary usage guidelines above, with the exception of headlines <span class="numbers">1</span> and <span class="numbers">2</span>. In order to best match the look and feel of Alright Sans, alternate font headlines <span class="numbers">1</span> and <span class="numbers">2</span> should follow the styles detailed below.</p> <h5>System Font</h5> <p>When necessary, please use Arial as the preferred system font.</p> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> </div> <div class="row row--expanded "> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Alternate-Headline-01.svg?mtime=20190326112613" alt="Alternate Headline 01" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <ul> <li>Size: 42 pt.</li> <li>Leading: 39 pt.</li> <li>Tracking: 0</li> <li>Typeface: Source Sans Pro</li> <li>Weight: Black</li> <li>Case: Uppercase</li> </ul> </div> </div> </div> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Alternate-Headline-02a.svg?mtime=20190326122736" alt="Alternate Headline 02" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <ul> <li>Size: 16 pt.</li> <li>Leading: 18 pt.</li> <li>Tracking: +200</li> <li>Typeface: Source Sans Pro</li> <li>Weight: Light</li> <li>Case: Uppercase</li> </ul> </div> </div> </div> </div> </div> </section> <section id="styling-headlines" class="section"> <div class="col-lg-8 col-xl-7 center-padding"> <h3>Styling Headlines</h3> <div class="section__subheading"> <p>When creating a featured multi-level headline, like the examples below, start with headlines <span class="numbers">1</span> and <span class="numbers">2</span> outlined above. This provides a consistent starting point, while encouraging creative flexibility. The diagrams below outline four different, brand-approved approaches to multi-level headlines.<br></p> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> </div> <div class="row row--expanded "> <div class="col-sm-6 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Headline-Rationale.jpg?mtime=20190327134013" alt="Headline Rationale" class="image-collection__image" style=""> </div> </div> <div class="col-sm-6 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Headline-Rationale2.jpg?mtime=20190327134014" alt="Headline Rationale2" class="image-collection__image" style=""> </div> </div> <div class="col-sm-6 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Headline-Rationale3.jpg?mtime=20190327134015" alt="Headline Rationale3" class="image-collection__image" style=""> </div> </div> <div class="col-sm-6 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Headline-Rationale4.jpg?mtime=20190327134015" alt="Headline Rationale4" class="image-collection__image" style=""> </div> </div> </div> </div> </section> </div> </div> </section> <div class="container-fluid no-h-padding page-divider"> <div class="row"> <div class="col-lg-12 center-padding divider__wrapper"> <hr class="divider"> </div> </div> </div> <section class="new-page"> <div class="container-fluid no-h-padding"> <div class="row"> <article class="col-lg-8 col-xl-7 center-padding pd-b-0"> <h2 class="page-header">Visual Language</h2> </article> <section id="combining-elements" class="section paragraph-block"> <div class="col-lg-12 center-padding paragraph-block__wrapper"> <h3>Combining Elementsusa</h3> <div class="row row--expanded"> <div class="col-lg-8 col-xl-6 section__subheading no-v-padding"> <p>Clean, flat, modern-inspired graphics are a key part of this brand. When designing, please keep the following guidelines in mind.</p> <ul> <li>Aim for asymmetrical layouts for visual interest.</li> <li>Create color blocks using rectangles, as opposed to other geometric shapes.</li> <li>Avoid using gradients or soft edges in the compositions.</li> <li>Keep each layer distinct by refraining from using blend modes. </li> </ul> </div> </div> </div> </section> <section id="the-grid" class="section"> <div class="col-lg-8 col-xl-7 center-padding"> <h3>The Grid</h3> <div class="section__subheading"> <p>The grid is the base structure for all UToledo layouts. It lays the foundation for designs to be intentional and purposeful, while still feeling organic and open. It allows for setting up bold design choices quickly that feel consistent within the system.<br></p> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h4>1:2 Grid</h4> <p>The UToledo grid is set up on a 1:2 ratio, with the 6 columns to 12 rows grid being the primary grid preference. This configuration allows for a clean duality of a two- and three-column grid to be used in the same layout. The base grid, at the 8.5'' x 11'' size, has .5'' margins, and .25'' gutters. <br/></p> </div> <div class="row row--expanded "> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Grid1.jpg?mtime=20190307093943" alt="Grid1" class="image-collection__image" style=""> </div> </div> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h4>Scaling the Grid</h4> <p>The base grid gives us a good starting place, but not every layout will be at this size. The grid is scaleable both up and down in size, as illustrated in the diagram below. For most larger layouts, keeping the same 6:12 ratio works well, but the margin and gutters will need to scale up. For layouts falling smaller than our standard size, the 6:12 grid can be reduced to a 3:6 grid.</p> </div> <div class="row row--expanded "> <div class="col-sm-6 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Scale-Grid_Update.jpg?mtime=20190412082942" alt="Scale Grid Update" class="image-collection__image" style=""> </div> </div> <div class="col-sm-6 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Scale-Grid_New-Type2.jpg?mtime=20190411101516" alt="Scale Grid New Type2" class="image-collection__image" style=""> </div> </div> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h4>Adjusting the Grid</h4> <p>Similarly to the scaling, the grid may also need adjustments for layouts that aren’t the standard vertical orientation. As demonstrated below, you can see the 6:12 can be rotated to be a 12:6, can be stacked side-by-side in a spread, or can become a 12:12 in a more square layout.</p> </div> <div class="row row--expanded "> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Grid3.jpg" alt="Grid3" class="image-collection__image" style=""> </div> </div> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h4>Examples</h4> <p>Being flexible, but intentional with the grid is very important to maintaining a consistent feel across all UToledo materials. Below are a few preliminary examples of the grid in action. It is important to note that these are just examples of how the grid can be used, but designs are open for evolution.</p> </div> <div class="row row--expanded "> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Grid-for-Guide_Updated.jpg" alt="Grid For Guide Updated" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <blockquote>Poster<br/></blockquote> </div> </div> </div> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Grid-for-Guide_Updated2.jpg" alt="Grid For Guide Updated2" class="image-collection__image" style=""> </div> <div class="image-collection__meta"> <div class="image-collection__notes"> <blockquote>Page Spread<br/></blockquote> </div> </div> </div>  </div> </div> </section> <section id="icons" class="section"> <div class="col-lg-8 col-xl-7 center-padding"> <h3>Icons</h3> <div class="section__subheading"> <p>The UToledo brand utilizes custom-made one-color, extra-bold, flat icons. The set can be downloaded below. </p> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h4 id="visual-language">Usage</h4> <ul> <li>Do not add a stroke or outline to any of the icons.</li> <li>The icons should always appear in a UToledo color and meet the color accessibility guidelines outlined in this guide.</li> <li>Do not stretch or alter the icon shapes.</li> <li>Do not add any drop shadows or other graphic effects.</li> </ul> </div> <div class="row row--expanded "> <div class="col-sm-12 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Icons-for-Guide.jpg" alt="Icons For Guide" class="image-collection__image" style=""> </div> </div> </div> </div> <div class="col-lg-8 col-xl-7 center-padding pd-t-0"> <hr> <div class="asset-dropdown collection-download"> <button class="btn btn-download dropdown-toggle" type="button" id="dropdownMenu-1331" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-offset="10, 20"> Download Files →</i> </button> <div class="dropdown-menu" aria-labelledby="dropdownMenu-1331"> <a class="dropdown-item" href="./files/UToledo-Icons.zip">UToledo-Icons.zip <span class="dropdown-item__icon"><i class="far fa-arrow-alt-circle-down"></i></span></a> <div class="tooltip-arrow" style=""></div> </div> </div> </div> </section> <section class="section"> <div class="col-lg-8 col-xl-7 center-padding"> <div class="section__subheading"> <h4>Secondary Icons</h4> <p>The UToledo icon set has a very distinctive style and should be utilized first when an icon is needed. However, the limited custom set will not include every icon you will need. There is also a secondary supportive icon set – Font Awesome – which can be used when a primary UToledo icon does not fit. These secondary icons are best used at a smaller scale, leaving focus and emphasis on the UToledo-branded primary set, but can be a useful option when appropriate.</p> <p>Use only the <span class="push-double"></span><span class="pull-double">“</span>solid” style of the Font Awesome icons, and be sure to follow the same usage rules of the primary icon set.</p> <p>For more information about Font Awesome and to download the tools for both print and digital use, visit the link below.</p> <a href="https://web.archive.org/web/20230320201711/https://fontawesome.com/download" class="btn btn-download btn-link" target="_blank" rel="noopener">Download Font Awesome →</a> <a href="https://web.archive.org/web/20230320201711/https://fontawesome.com/cheatsheet" class="btn btn-download btn-link" target="_blank" rel="noopener">View Font Awesome cheatsheet →</a> </div> </div> </section> </div> </div> </section> <div class="container-fluid no-h-padding page-divider"> <div class="row"> <div class="col-lg-12 center-padding divider__wrapper"> <hr class="divider"> </div> </div> </div> <section class="new-page"> <div class="container-fluid no-h-padding"> <div class="row"> <article class="col-lg-8 col-xl-7 center-padding pd-b-0"> <h2 id="photography" class="page-header">Photography</h2> </article> <section id="tone-feel" class="section paragraph-block"> <div class="col-lg-12 center-padding paragraph-block__wrapper"> <h3>Tone <span class="amp">&</span> Feel</h3> <div class="row row--expanded"> <div class="col-lg-8 col-xl-6 section__subheading no-v-padding"> <p>Photography plays a big role in setting the tone of the brand, reinforcing the brand attributes and messaging, as well as complementing the design elements. </p> </div> </div> </div> </section> <section id="subject" class="section paragraph-block"> <div class="col-lg-12 center-padding paragraph-block__wrapper"> <h3>Subject</h3> <div class="row row--expanded"> <div class="col-lg-8 col-xl-6 section__subheading no-v-padding"> <h4>Diversity</h4> <ul> <li>Include diversity in race, age, gender, religion and background. The photography collection should be reflective of the whole UToledo community.</li> <li>Include diversity in subject matter. It is important the UToledo photography collection represent all institutional areas: from academics to athletics, alumni to the arts, etc. </li> </ul> <h4>Dress</h4> <ul>  <li>Exclude all non-UToledo branding.</li> <li>Attire with words or busy graphics is discouraged. Whenever possible the attire should be somewhat neutral, as well as appropriate for the activity portrayed being captured.</li> </ul> </div> <div class="col-lg-8 col-xl-6 section__subheading no-v-padding"> <h4>Content</h4> <ul> <li>Highlight the unique opportunities and accomplishments of the UToledo community.</li> <li>Represent individuals from the UToledo community <span class="push-double"></span><span class="pull-double">“</span>in their element” – especially highlight unique opportunities. </li> <li>Highlight the UToledo community through candid, lifestyle and conceptual portraits. These portraits are to feel authentic and inspirational – as if they are capturing a real moment in the community, as well as a collective institutional personality.</li> </ul> </div> </div> </div> </section> <section id="technical-composition" class="section paragraph-block"> <div class="col-lg-12 center-padding paragraph-block__wrapper"> <h3>Technical Composition</h3> <div class="row row--expanded"> <div class="col-lg-8 col-xl-6 section__subheading no-v-padding"> <ul> <li>Aim for visually interesting and dynamic compositions.</li> <li>Lots of natural light and shallow depth of field whenever possible.</li> <li>Use unique perspectives, like low or close angles that give the feel of being <span class="push-double"></span><span class="pull-double">“</span>in the action.”</li> <li>Keep the baseline plane level with the frame.</li> <li>Avoid busy or distracting backgrounds.</li> <li>Whenever possible, show the subjects in their environment, as opposed to a completely empty background.</li> <li>Include negative space and wide framing that allows for use on website, and other design materials, while leaving space for text and design elements.</li> </ul> </div> </div> </div> </section> <section id="in-practice" class="section"> <div class="col-lg-8 col-xl-7 center-padding"> <h3>In-Practice</h3> <div class="section__subheading"> <p>Below is a collection of current UToledo and stock images that fit the brand.</p> </div> </div> <div class="col-lg-12 center-padding pd-t-0"> <div class="image-collection__title "> <h4>Examples</h4> </div> <div class="row row--expanded "> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/-.JPG?mtime=20190321154008" alt=" " class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/03252017-9713.JPG?mtime=20190321154009" alt="03252017 9713" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/brad-barmore-584005-unsplash.jpg?mtime=20190321154022" alt="Brad Barmore 584005 Unsplash" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/04042013-3344.JPG?mtime=20190321154009" alt="04042013 3344" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/04082017-5866.JPG?mtime=20190321154010" alt="04082017 5866" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/04212017-3348-HDRb.JPG?mtime=20190321154011" alt="04212017 3348 Hdrb" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/AdobeStock_187582185_190321_194018.jpeg?mtime=20190321154018" alt="Adobestock 187582185" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/06022017-9740.JPG?mtime=20190321154012" alt="06022017 9740" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/06162016-9106.JPG?mtime=20190321154013" alt="06162016 9106" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/07192017-4939.JPG?mtime=20190321154013" alt="07192017 4939" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/08272017-3234.JPG?mtime=20190321154014" alt="08272017 3234" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/11052015-9986A.JPG?mtime=20190321154015" alt="11052015 9986A" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/action-plan-brainstorming-complex-212286_190321_194016.jpg?mtime=20190321154016" alt="Action Plan Brainstorming Complex 212286" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/AdobeStock_163392531_190321_194017.jpeg?mtime=20190321154017" alt="Adobestock 163392531" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/AdobeStock_198751845_190321_194019.jpeg?mtime=20190321154019" alt="Adobestock 198751845" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/adult-blur-813940-1.jpg?mtime=20190321154019" alt="Adult Listening to Music" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/beautiful-blonde-blur-761859.jpg?mtime=20190321154021" alt="Beautiful Blonde Blur 761859" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Najar-Research-0012.jpg?mtime=20190321154025" alt="Najar Research 0012" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/student-boat-research_190321_194842.jpg?mtime=20190321154842" alt="Student Boat Research" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/deddy-yoga-pratama-524473-unsplash.jpg?mtime=20190321154024" alt="Deddy Yoga Pratama 524473 Unsplash" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/natasha-kasim-677210-unsplash_190321_194931.jpg?mtime=20190321154931" alt="Natasha Kasim 677210 Unsplash" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/neonbrand-426918-unsplash.jpg?mtime=20190321154027" alt="Neonbrand 426918 Unsplash" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/rahul-jain-741415-unsplash_190321_194238.jpg?mtime=20190321154238" alt="Rahul Jain 741415 Unsplash" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/UT_Stills_190321_194502.jpg?mtime=20190321154502" alt="Ut Stills" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/adult-beard-blur-935948.jpg?mtime=20190321154020" alt="Adult Beard Blur 935948" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/tommy-lisbin-380368-unsplash.jpg?mtime=20190321154029" alt="Tommy Lisbin 380368 Unsplash" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/press-tower-photo.jpg" alt="Photo of student athlete at Commencement" class="image-collection__image" style=""> </div> </div> <div class="col-sm-3 "> <div class="image__wrapper border-right" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/casual-daylight-face-936119.jpg?mtime=20190321154023" alt="Casual Daylight Face 936119" class="image-collection__image" style=""> </div> </div> </div> </div> </section> </div> </div> </section> <div class="container-fluid no-h-padding page-divider"> <div class="row"> <div class="col-lg-12 center-padding divider__wrapper"> <hr class="divider"> </div> </div> </div> <section class="new-page"> <div class="container-fluid no-h-padding"> <div class="row"> <article class="col-lg-8 col-xl-7 center-padding pd-b-0"> <h2 id="digital-spaces" class="page-header">Digital Spaces</h2> </article>  <section id="social-media" class="section paragraph-block"> <div class="col-lg-12 center-padding paragraph-block__wrapper"> <h3>Social Media</h3> <div class="row row--expanded"> <div class="col-lg-8 col-xl-6 section__subheading no-v-padding"> <p class="callout-text">UToledo is known for having a fun, engaging presence on social media. </p> <p>Here’s a few tips for incorporating the UToledo brand in social media and creating consistency across all social accounts.</p> <h4>Content Creation Recommendations</h4> <ul> <li>Please use <a href="#typography">brand-approved fonts</a> and <a href="#colors">colors</a> </li> <li>Incorporate <a href="#photography">photography</a> whenever possible </li> <li>Follow <a href="#visual-language">brand guidelines</a> for visual consistency </li> <li>Use the University <a href="#writing-styles">voice and tone guide</a> for consistent writing and editorial styles </li> </ul> <h4>Accessibility on Social Media</h4> <ul> <li>Add <a href="https://web.archive.org/web/20230320201711/https://help.instagram.com/503708446705527">alt text to images</a> posted on Instagram </li> <li>Avoid adding text as part of the image — use the caption field for all written content</li> </ul> </div> </div> </div> </section> </div> </div> </section> <div class="container-fluid no-h-padding page-divider"> <div class="row"> <div class="col-lg-12 center-padding divider__wrapper"> <hr class="divider"> </div> </div> </div>  <section class="new-page"> <div class="container-fluid no-h-padding"> <div class="row"> <article class="col-lg-8 col-xl-7 center-padding pd-b-0"> <h2 id="applications" class="page-header">Applications</h2> </article> <section id="inspiration" class="section"> <div class="col-lg-8 col-xl-7 center-padding"> <h3>Inspiration</h3> <div class="section__subheading"> <p>This collection of examples shows the range of possibilities with the UToledo brand.</p> </div> </div> <div class="container-fluid" style="padding: 0;"> <div class="image-collection__title center-padding--narrow"> </div> <div class="row "> <div class="col-sm-12 pd-0"> <div class="image__wrapper" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/brochure-updated_190329_142522.jpg?mtime=20190329102522" alt="Brochure2" class="image-collection__image" style=""> </div> </div> </div> </div> <div class="container-fluid" style="padding: 0;"> <div class="image-collection__title center-padding--narrow"> </div>  <div class="container-fluid" style="padding: 0;"> <div class="image-collection__title center-padding--narrow"> </div> <div class="row "> <div class="col-sm-12 pd-0"> <div class="image__wrapper" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Fueling-Tomorrows-Slides_Ash_Updated3.jpg?mtime=20190411151110" alt="Fueling Tomorrows Slides Ash Updated3" class="image-collection__image" style=""> </div> </div> </div> </div> <div class="container-fluid" style="padding: 0;"> <div class="image-collection__title center-padding--narrow"></div> <div class="row "> <div class="col-sm-6 pd-0"> <div class="image__wrapper" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/bigtype-with-photo-updated.jpg?mtime=20190329103307" alt="Ft Bigtype 02 2" class="image-collection__image" style=""> </div> </div> <div class="col-sm-6 pd-0"> <div class="image__wrapper" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/bigtype-with-blue-updated.jpg?mtime=20190329103318" alt="Ft Bigtype Blue 2" class="image-collection__image" style=""> </div> </div> </div> </div> <div class="container-fluid" style="padding: 0;"> <div class="image-collection__title center-padding--narrow"></div> <div class="row "> <div class="col-sm-4 pd-0"> <div class="image__wrapper" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/brochure-cover-updated.jpg?mtime=20190328173041" alt="Bookcover" class="image-collection__image" style=""> </div> </div> <div class="col-sm-4 pd-0"> <div class="image__wrapper" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Fueling-Tomorrows-Slides_Ash_Updated.jpg?mtime=20190411151138" alt="Fueling Tomorrows Slides Ash Updated" class="image-collection__image" style=""> </div> </div> <div class="col-sm-4 pd-0"> <div class="image__wrapper" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Fueling-Tomorrows-Slides_Ash_Updated4.jpg?mtime=20190411151139" alt="Fueling Tomorrows Slides Ash Updated4" class="image-collection__image" style=""> </div> </div> </div> </div> <div class="container-fluid" style="padding: 0;"> <div class="image-collection__title center-padding--narrow"></div> <div class="row "> <div class="col-sm-12 pd-0"> <div class="image__wrapper" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/Fueling-Tomorrows-Slides_Ash_Updated6.jpg?mtime=20190411151307" alt="Fueling Tomorrows Slides Ash Updated6" class="image-collection__image" style=""> </div> </div> </div> </div>  <div class="container-fluid" style="padding: 0;"> <div class="image-collection__title center-padding--narrow"></div> <div class="row "> <div class="col-sm-12 pd-0"> <div class="image__wrapper" style=""> <img src="/web/20230320201711im_/https://www.utoledo.edu/offices/marketing/brand-guide/images/student-updated.jpg?mtime=20190328172216" alt="Student Full2" class="image-collection__image" style=""> </div> </div> </div> </div> </section> </div> </div> </section> <div class="container-fluid no-h-padding page-divider"> <div class="row"> <div class="col-lg-12 center-padding divider__wrapper"> <hr class="divider"> </div> </div> </div> </main> </div> <script src="https://web.archive.org/web/20230320201711js_/https://code.jquery.com/jquery-3.3.1.min.js" integrity="" crossorigin="anonymous"></script> <script src="https://web.archive.org/web/20230320201711js_/https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="" crossorigin="anonymous"> </script> <script src="/web/20230320201711js_/https://www.utoledo.edu/offices/marketing/brand-guide/js/main.js?v=3.2"></script> <script> var colors = Array.from(document.querySelectorAll('.color')); for (i = 0; i < colors.length; i++) { if (colors[i].style.backgroundColor == "rgb(255, 255, 255)") { colors[i].style.border = "1px solid rgba(0,0,0,0.15)"; } }; </script> </body> </html>

CINXE.COM

The University of Toledo | Brand Guide