skip to main content

Unit Branding Guidelines

Digital Media

Website headers are the only space where we use the college name with a department/unit name next to the Block I logo (formerly known as a "lockup" or "wordmark") in order to maintain consistency across campus. Please do not copy this treatment for any other application.

College Web Header

Department Web Header

Unit Web Header  College Affiliation

Unit Web Header  Interdisciplinary Affiliation

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui faucibus in ornare quam viverra. Vitae elementum curabitur vitae nunc. Turpis egestas maecenas pharetra convallis posuere morbi leo urna molestie. Sagittis orci a scelerisque purus semper eget duis.

How to Use Email Templates

Header

Footer

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui faucibus in ornare quam viverra. Vitae elementum curabitur vitae nunc. Turpis egestas maecenas pharetra convallis posuere morbi leo urna molestie. Sagittis orci a scelerisque purus semper eget duis.

Download Presentation Templates

Title Slide

Basic Slide

Transition Slide

Video incorporates a powerful layering of images, movement and sound. As a result, videos have an elevated ability to engage and captivate audiences – especially in our very visual culture, which is steeped in social media platforms that are video-driven.

But like with any medium, some videos are more effective than others. Remember to consider who you’re trying to reach and what message and/or action you want the video to convey and/or prompt. Keeping the video as short as possible will help your audience stay engaged. If you find that it’s difficult to keep the video short, consider simplifying your message, or even breaking it down into a series of short videos.

Video guidelines:

  • Use of 4K video, time lapse, high speed, long exposure photography, gimbals and drone footage is encouraged.
  • Whenever possible, all audio should be recorded using a dedicated mic to optimize sound quality.
  • Adhere to design and typography guidelines for on-screen text
  • All videos should include a block I logo in the upper or lower third of the frame, throughout the video (the logo should be at least 30px tall and 30px from each corner; use the primary use orange logo unless your frame background is orange)
  • All videos (including unit-level videos) should end with the orange U of I wordmark bumper (the bumper does not require the block I in the lower third)
  • When needed or desired, a unit-level frame, a call-to-action, or a Power of I frame may be included before the university bumper

Download Video Bumpers

Unit Bumpers: Comes before campus bumper at the end of a video (optional)

Power of I Bumper: Comes before campus bumper at the end of a video (optional)

Campus Bumper: Goes at the end of every video (mandatory)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui faucibus in ornare quam viverra. Vitae elementum curabitur vitae nunc. Turpis egestas maecenas pharetra convallis posuere morbi leo urna molestie. Sagittis orci a scelerisque purus semper eget duis.

Download Ad Templates

Banner Ads  1950 x 485 px

Cube Ads  336 x 280 px

     

Google Display Ads  

     

Print Materials

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui faucibus in ornare quam viverra. Vitae elementum curabitur vitae nunc. Turpis egestas maecenas pharetra convallis posuere morbi leo urna molestie. Sagittis orci a scelerisque purus semper eget duis. Augue interdum velit euismod.

Download Template

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui faucibus in ornare quam viverra. Vitae elementum curabitur vitae nunc. Turpis egestas maecenas pharetra convallis posuere morbi leo urna molestie. Sagittis orci a scelerisque purus semper eget duis. Augue interdum velit euismod.

Download Template

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui faucibus in ornare quam viverra. Vitae elementum curabitur vitae nunc. Turpis egestas maecenas pharetra convallis posuere morbi leo urna molestie. Sagittis orci a scelerisque purus semper eget duis. Augue interdum velit euismod.

 

Environmental Display

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui faucibus in ornare quam viverra. Vitae elementum curabitur vitae nunc. Turpis egestas maecenas pharetra convallis posuere morbi leo urna molestie. Sagittis orci a scelerisque purus semper eget duis. Augue interdum velit euismod in pellentesque massa placerat duis ultricies. Augue lacus viverra vitae congue eu consequat ac. Tempor orci dapibus ultrices.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui faucibus in ornare quam viverra. Vitae elementum curabitur vitae nunc. Turpis egestas maecenas pharetra convallis posuere morbi leo urna molestie. Maecenas volutpat blandit aliquam etiam erat velit. Lobortis feugiat vivamus at augue eget. Vivamus arcu felis bibendum ut tristique et egestas. Viverra suspendisse potenti nullam ac tortor vitae purus faucibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui faucibus in ornare quam viverra. Vitae elementum curabitur vitae nunc. Turpis egestas maecenas pharetra convallis posuere morbi leo urna molestie. Sagittis orci a scelerisque purus semper eget duis. Augue interdum velit euismod in pellentesque massa placerat duis ultricies. Maecenas volutpat blandit aliquam etiam erat velit. Lobortis feugiat vivamus at augue eget. Vivamus arcu felis bibendum ut tristique et egestas. Viverra suspendisse potenti nullam ac tortor vitae purus faucibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui faucibus in ornare quam viverra. Vitae elementum curabitur vitae nunc. Turpis egestas maecenas pharetra convallis posuere morbi leo urna molestie. Sagittis orci a scelerisque purus semper eget duis. Augue interdum velit euismod in pellentesque massa placerat duis ultricies. Maecenas volutpat blandit aliquam etiam erat velit. Lobortis feugiat vivamus at augue eget. Vivamus arcu felis bibendum ut tristique et egestas. Viverra suspendisse potenti nullam ac tortor vitae purus faucibus.

Promo Items

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui faucibus in ornare quam viverra. Vitae elementum curabitur vitae nunc. Turpis egestas maecenas pharetra convallis posuere morbi leo urna molestie. Sagittis orci a scelerisque purus semper eget duis. Augue interdum velit euismod in pellentesque massa placerat duis ultricies. Augue lacus viverra vitae congue eu consequat ac. Tempor orci dapibus ultrices.

         

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui faucibus in ornare quam viverra. Vitae elementum curabitur vitae nunc. Turpis egestas maecenas pharetra convallis posuere morbi leo urna molestie. Sagittis orci a scelerisque purus semper eget duis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui faucibus in ornare quam viverra. Vitae elementum curabitur vitae nunc. Turpis egestas maecenas pharetra convallis posuere morbi leo urna molestie. Sagittis orci a scelerisque purus semper eget duis. Augue interdum velit euismod in pellentesque massa placerat duis ultricies. Augue lacus viverra vitae congue eu consequat ac. Tempor orci dapibus ultrices.