A visual system composed of typography and color was created for the Media Arts + Practice division in the USC School of Cinematic Arts. The system is used for the print and web design of the program.
MA+P
![Capitolina and Program OT typeface pairing](../assets/img/map-5.png)
![Information hierarchy using Capitolina and Program OT](../assets/img/map-3.png)
![MA+P site menu navigation](../assets/img/map-4.jpg)
Letterforms are used as a visual motif by enlarging specimens of the Program OT typeface.
![MA+P postcards](../assets/img/map-1.jpg)
A grid layout study – first done in grayscale – proposes an ideal ratio for the banner image and headline on the website home page.
![MA+P color scheme variations](../assets/img/map-7.png)
![Information hierarchy using Capitolina and Program OT](../assets/img/map-8.jpg)
![MA+P color scheme variations](../assets/img/map-8.png)
A refined color palette uses gradients. Gradients allow for more combinations in addition to variations within a shared base color. For example, certain pages (e.g. Degrees & Programs) contain subcategories and thus share a base color to maintain consistency.
![MA+P color scheme variations](../assets/img/map-6.png)
![MA+P website home banner](../assets/img/map-6.jpg)