Theme (Branding)

The Open Berkeley theme (design) supports the Berkeley Brand guidelines(link is external) for web design. The Berkeley Brand guidelines are created and maintained by the Office of Communication and Public Affairs(link is external)

About the Open Berkeley Theme

The theme refers to the "look and feel" of the website: The fonts, colors, and other structural elements (e.g., the Berkeley wordmark, site name/banner region, and footer). There are a few theme settings available to Site Builders; see Theme Settings for more information. 

If you have questions about the Berkeley Brand design elements, please contact the Office of Communication and Public Affairs: brand@berkeley.edu(link sends e-mail)

Responsive Theme

The Open Berkeley theme is responsive, meaning your website will "respond" (change) based on how it is being viewed (via desktop, mobile, or tablet devices). Open Berkeley Site Builders are encouraged to keep responsive behavior in mind when creating their content and pages.

  • Widgets and layouts: When widgets are added to pages and organized using layouts, the widgets will follow a different flow based on the chosen layout, and the size of the mobile device. See Responsive Behavior of Widgets/Layouts for more information.
  • Tables: All tables will change at smaller displays. The rows and columns will stack, and the text of the data cells will align with the corresponding text in the header cells. This behavior is dependent on properly-configured tables. All tables should have designated header cells, with table scope applied as well (both table headers and scope are also necessary for accessibility). See Responsive Tables and Add Tables for more information. 

Brand Features and Widgets

The following features and widgets are available with the Berkeley Brand theme. These features provide site building flexibility, and supports the campus branding initiative.