University LibGuides Administration & Style: Branding

The appropriate banner is automatically applied to every page based on the Group the guide is assigned. The banner is configured in the Header of each Group (not System) because each department has their own banner.

Placement: The banner must appear at the top of every page. Banner bounding box spans the entire page width of the page.

Content: The banner must include...

• Walden University logo:

  • Placement:  justified left horizontally in line with the body content, and justified middle vertically with left and top padding

  • Version:  horizontal white logo with tagline below

  • URL:  hyperlink logo with center/dept's homepage:

    • Link Target: default/open in the same window

    • Link Title: "Home"

• Center or department name:

  • Placement:  justified right horizontally, and justified top vertically with right and top padding

  • Font: Trebuchet, size 26px, white (#FFF)

  • URL: hyperlink name with center/dept's homepage:

    • Link Target: default/open in the same window

    • Link Title: "Department Name Home"

• Search box to search LibApps content.

  • Placement:  justified right horizontally, and justified bottom vertically with right and bottom padding

Example:

The box look & feel and font are automatically applied to every page. Fonts are defined further down the page.

• Box

  • Background color:  white (#FFF)

  • Border:  grey (#DDDDDD), 1pt, square corners

  • Shadow:  a shadow spans the bottom of each box

• Box Header

  • Background color:  white (#FFF)

  • Border:  none (No visual barrier between the box header and box content)

Example:

Consistent use of typography also helps in establishing a brand. The typefaces chosen for Walden’s materials were selected for their readability and their display properties. The consistent use of these typefaces will establish a continuity of appearance that will help support the recognition of the Walden brand while promoting a professional, cohesive look in all communications.

All text should use the following font for tabs, headers, and body text. The style sheet (CSS) applied to all pages will automatically apply the font family, style, and size. However, you will have to manually apply font styling to create sub-headers and sub-text in the body.  The "Font Family" and "Font Size" options in the WYSIWYG editor should not be used as these settings will be overridden by the style sheet settings.

Font Guidelines:

Font-family: Trebuchet

Font-size: The WYSIWYG editor will display font sizing in points; however, fonts must be expressed in relative sizing (em) in the css for accessibility and to support different sized devices.

Font Guidelines in Main Body Content:

Use hex colors below to apply Walden approved colors to your web pages. Required colors for font text, boxes, headers, and footers are described above.