Berkeley Brand (Public Affairs)

The Open Berkeley theme (design) aligns with the Public Affairs brand materials and guidelines. There are a few settings available that specifically pertain to the Public Affairs branding guidelines.

Berkeley Wordmark

The "Berkeley Wordmark" is the word "Berkeley" that comes before the title of your site (site name):

The Berkeley wordmark should be used for the majority of campus websites. There are two examples where sites may be exempt from using the Berkeley wordmark:

  • When the site name begins with the word "Cal." For example, "Cal Day."
  • When the site name includes the word "Berkeley" after the first word. For example: "Open Berkeley."

If you have any questions about the proper use of the Berkeley wordmark, please contact Public Affairs at brand@berkeley.edu

If your site falls into one of the above examples of a site exempt from using the Berkeley Wordmark, visit your Site Builder Dashboard (admin/dashboard), and select "Openberkeley_theme_brand Theme Settings".

Under "Administration," select "Without Berkeley Wordmark" to turn off, then hit "Save Configuration":

Footer Options (default and legacy)

There are two options for the footer in the Open Berkeley theme. The "Default Footer" aligns with typical Berkeley Brand standards. The "Legacy Footer" is an alternate footer option, containing a set of 4 footer blocks.

The Default Footer has the Berkeley logo on the left, the footer menu on the right, and an area to add your own list of links/information if desired:

The Legacy Footer contains a set of footer blocks. Each block can contain a title and a corresponding list of information or links. The rest of the footer information will display below the set of footer blocks:

How to Configure the Default Footer

You can either add and/or re-arrange the links in the Footer Menu (see Re-Order and Manage Menu Items), and you can also add and configure a list of links below the Footer Menu. To do this, navigate to your Site Builder dashboard, and under "Other Administration," click "Edit Footer: Links":

From there, configure the existing text and add links, etc. as desired:

How to Configure the Legacy Footer

To enable the "legacy" footer layout, navigate to your Site Builder dashboard, then click on "Openberkeley_theme_brand Theme Settings":

Then, check the option that says "Use legacy footer layout":

Then, follow the same steps as described for the Default Footer in order to configure/edit the available footer blocks ("Address", "Phone/Email", etc.).

Parent Organization

A "Parent Organization" is an optional field above your site name that may be used if your department has a "parent" organization that should be reflected as such on your site.

As of release 0.9, any new sites spun up on the Open Berkeley platform will feature the Parent Organization in the upper left corner of the site, in the big blue bar, next to the "UC Berkeley" link. A link to either an internal or external page can be added to this field as well.

Existing sites (sites created before release 0.9) using the optional parent org field will have the Parent Organization displayed above their site name. This is now considered the "legacy" parent organization display:

Important note: If your site is using the "legacy" parent organization display and you would like to switch to the new Brand-approved display, you will have a one-time chance to switch to the new display (consider trying out the new display on your test site first). If you need to switch back to the legacy display, please email web-platform@berkeley.edu.

To switch, navigate to your Theme Settings (see the above instructions for Berkeley Wordmark), and un-check the option for "Use Legacy Parent Organization", then hit "Save Configuration" at the bottom of the page.

Additional notes about the Brand-approved parent organization display:

  • Keep only a minimal number of items in your secondary menu (and consider using Quick Links)
  • If you are using the parent organization to display a "slogan" instead of a true Parent Organization, consider using the "Site Slogan" field instead (see below)

How to configure the Brand-approved Parent Organization display

Navigate to the Theme Settings (see above instructions under Berkeley Wordmark), and configure the available fields under "Parent Organization" accordingly. If you're including a link (the "Parent URL" field), this can be either an internal or external link. If you'll be adding an internal link, make it a relative link - everything AFTER the *.berkeley.edu/ (i.e., if the URL is http://MYSITE.berkeley.edu/internal-page, add 'internal-page' to the "Parent URL" field).

How to configure the "legacy" Parent Organization display

Navigate to Site Information, and fill in the "Parent Organization" field. There is no option to include a link with the legacy parent organization display.

Site Slogan

As of release 0.9, there is a optional field above the footer area of your site for a "site slogan." The same brand colors available for Hero widgets and Color Bands are also available for the site slogan.

To add a Site Slogan, navigate to your Theme Settings (see above instructions for Berkeley Wordmark), fill in the "Site Slogan" field, and select one of the available Brand colors.

Site Name Font

As of release 0.9, any new sites spun up on the Open Berkeley platform will feature a Site Name with the "Freight Sans Pro" (freight-sans-pro) font.

Site names on existing sites (sites created before release 0.9) use the "University Old Style" (UCBerkeleyOSDemi) font, which is now considered the "legacy" font display.

Important note: If your site is using the "legacy" site name font and you would like to switch to the new Brand-approved font display, you will have a one-time chance to switch to the new display (consider trying out the new display on your test site first). If you need to switch back to the legacy display, please email web-platform@berkeley.edu.

To switch, navigate to your Theme Settings (see the above instructions for Berkeley Wordmark), and un-check the option for "Use Legacy Site Name Font", then hit "Save Configuration" at the bottom of the page.