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.
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 firstname.lastname@example.org.
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:
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":
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.).
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 email@example.com.
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.
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.
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 firstname.lastname@example.org.
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.