Title bars are used on every page of the website except the homepage.

Hub Pages

Live Site Example: Classes and Community

Overview Pages

Live Site Example: Careers and Guild Association Resources and Tools

First Overview Page Within a Section

Secondary Overview Page

Interior Pages

Live Site Example: About the Guild Association and Craniosynostosis

With Secondary Navigation

Learn more about options and guidelines for secondary navigation.

No Secondary Navigation

Usage Notes and Guidelines: All Pages

  • Match the title bar text as close as possible the the page title, which is the piece of meta data that appears in browser tabs and as the title of a page search results. The title bar is one of the first things a person sees and reassures them they have come to the right page if the title bar and page title match.
  • Always use primary keywords in the title bar that are related to the main topic of the page.
  • Keep title bar text as short as possible. A good rule to follow is keeping the length of text to one line in desktop view, about 25 to 30 characters including spaces.
  • A subhead is added to the to the title bar for Secondary Overview Pages and all Interior Pages. The subhead should match the title bar of the section a specific page is in. (Example: In the Secondary Overview screenshot above, the Resources and Tools page is within the Guild Association section.)


Contact ehealth@seattlechildrens.org.