Digital Media

Digital Media Brand

Consistency of visual design and navigation enables CSUDH to communicate clear and effective messages on Internet and intranet websites, and other digital channels. Web design recommendations, graphic elements, templates, and style sheets have been developed and should be used on all CSUDH websites.

The use of branded elements such as headers, web-ready logos, common navigation bars, and footers will enable divisions, colleges, departments, and units to create sites that are consistent with all other CSUDH websites. This consistency enhances our users' experience and ability to navigate and find the information needed.

These guidelines will continue to evolve as different forms of online media develop.


Video Style

The brand guidelines for print and photography also apply to university videos. Whenever possible, capturing subjects such as students, faculty, and alumni interacting in the classroom, research, or workspace reinforces the CSUDH brand and adds authenticity to your video.

Rather than just showing a perfectly-lit talking head, a mix of shots and resetting the frame during filming can add visual interest.

Look for opportunities to capture B-roll footage of persons at work, in their learning areas, or moving about the campus or their environment. This footage can be mixed with interviews, to make the video more dynamic. Movement can also be conveyed by resetting the frame during the interview.

Videos for the Web

To keep viewers engaged, keep web video length under three minutes. This also ensures a smaller file size that uses less bandwidth and loads faster.

Bumper

An opening bumper includes the CSUDH logo and should be placed at the head of any video project to brand it as a CSUDH production. The closing bumper at the end of the production states that the production is the intellectual property of CSUDH and displays the year of copyright.

CSUDH video sample screenshot  - opening animated bumperSample animated bumper template

Captions and Messages

The lower third area is used to identify speakers and to convey other information such as websites and locations. It is recommended to use the CSUDH fonts and colors found in the visual brand guidelines. A lower third template is available from University Communication and Public Affairs

CSUDH video sample screenshot  - lower thirdsSample lower third template
CSUDH video sample screenshot - call to actionSample call to action screen