Our Brand

H2 Normal

2.5rem 40px

H2 with Section Header class

2.5rem 40px

H3 Normal also size of Section Title class

2rem 32px

H4 also the size for Article Title and Card Title

1.6rem 25.6px

H5 Normal

1.2rem 19.2px

H6 also the size for Paragraph Title -

1rem 16px

This paragraph uses class "intro-text". "intro-text" paragraph style can ONLY be used on the first paragraph or two. Use of the "intro-text" style should be cleared by Marketing and/or Web Services. Maecenas in iaculis felis, vitae placerat enim. Duis vehicula, nunc at porta sollicitudin, arcu tortor venenatis ex, in venenatis libero nisl et est. Integer a nibh nec felis varius maximus nec sit amet dolor.

Normal paragraph text is 1rem in size which is 16px. Browser default font-size is always 1 em.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc lobortis risus vitae ex interdum, in accumsan neque ullamcorper.  ( V-gold should only be used against dark backgrounds as it is difficult to read, otherwise. )  Integer fermentum, nisl eget placerat convallis, tellus massa fringilla eros, vel accumsan turpis lectus id arcu. Curabitur varius elit non ex facilisis condimentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in iaculis felis, vitae placerat enim. Still not dark enough for v-gold. Nunc at porta sollicitudin, arcu tortor venenatis ex, nisl et est. Integer a nibh nec felis varius maximus nec sit amet dolor.  Curabitur varius elit non ex facilisis condimentum.

This paragraph uses class "intro-text". "intro-text" paragraph style can ONLY be used on the first paragraph or two. Use of the "intro-text" style should be cleared by Marketing and/or Web Services. Maecenas in iaculis felis, vitae placerat enim. Duis vehicula, nunc at porta sollicitudin, arcu tortor venenatis ex, in venenatis libero nisl et est. Integer a nibh nec felis varius maximus nec sit amet dolor.

---

---

---

Colors

---

Image Standard Sizes

 

 

---

Video Standards

Video is an important method of communication and takes a lot of time and effort to create them.  However, they can get outdated quickly and must be updated just like any other content.  The college has chosen a third party vendor, Kaltura, to host videos we use on the website.  This helps with accessibility with closed captioning functions and management since these videos are not hosted on a personal account.  Another great benefit is that the videos don't have advertisements on them.  

• Videos can be embedded into a webpage or linked to a stand alone page. 
• The standard video size is 16:9.  We are no longer using 4:3 ratio but, this size can be used if you have an older video. 
• Almost any video can be reformatted when uploaded to Kaltura but it's best to keep your video as high quality as you can when converting for use on the website.  

Kaltura and Getting Help with Video

For help with your uploading your video and using Kaltura, please visit the Canvas Resources website. If you don't have a video yet and need help creating it, please visit the Video Productions.  Please also review our video branding standards before you invest time into your video project.  

YouTube

YouTube is a very popular video web host and easy to use.  However, we are only using YouTube for marketing purposes.  Please do not post YouTube videos yourself.  Please contact the marketing department if you would like to market your videos on YouTube.  

Examples

• Demo Video Layouts
• Link to external page: This is a link to a stand-alone page that can be a simple link, a button or a thumbnail image of your video screen with a fake play button over it to indicate visually that it's a video.  The video and webpage is hosted on the  Kaltura website. 

---

Steps

This is a replacement for the Atena Steps to Enroll. Note that you must close any div class="container" to make the gray full width. Then reopen a new div after.