CLC-1388 [Front-end] Implement "The Campus" designs

https://jira.media.berkeley.edu/jira/browse/CLC-1388