Berkeley Brand (Public Affairs)

The Open Berkeley theme (design) aligns with the Public Affairs brand materials and guidelines.

Berkeley Brand Theme Settings

There are a few settings available that specifically pertain to the Public Affairs branding guidelines.

Berkeley Wordmark (and site names that start with the word "Berkeley")

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

Screenshot of an Open Berkeley banner region with the Berkeley wordmark and 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."

Screenshot of an Open Berkeley banner region with the site name and no Berkeley wordmark

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

Site names that start with the word "Berkeley"

If the site name for your website starts with the word "Berkeley" (e.g., "Berkeley Cooking Institute"), then it is still recommended to use the Berkeley wordmark. You should still enter the full name in the "Site Information" field (see Edit Site Information):

The platform will automatically strip out the word "Berkeley" in order to accommodate the display of Berkeley wordmark. This will ensure that search engines like Google will still index your site name properly, while also adhering to the Brand standards:

Screenshot of the Berkeley wordmark and site name

How to Turn Off the Berkeley Wordmark

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 "Theme Settings for Open Berkeley Brand."

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.

Screenshot of the parent organization

Additional notes about the 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 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 https://MYSITE.berkeley.edu/internal-page, add 'internal-page' to the "Parent URL" field).

Example of Parent Org

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.

Screenshot of the site name font