Shared Content Block:
Surgery Styles -- "surgery-spaced" class
At the Department of Surgery we are driven to improve every life and this mission extends to our website.
The Department of Surgery is on a mission to restructure website content for those outside our organization by simplifying the navigation, becoming more mobile friendly, and updating the site aesthetic. This is an ongoing project with an end goal of improving the external and internal stakeholder experience.
Typography plays an important role in establishing and reinforcing our brand. When used thoughtfully and consistently, typography becomes an effective tool for adding visual meaning to our communications.
CU Anschutz's official typeface is Neue Helvetica. It is a highly legible, classic typeface that is suitable for all size placements. It is used equally for headlines and body content and is featured in our logo wordmarks.
Headers are the anchors of page navigation, making it easier for people to understand and digest the information, as well as improving user experience. Headlines are also important for search engine optimization (SEO). Google ranks pages in a search based on how they are built with SEO in mind. Headers should be ordered based on importance with the most important information above the secondary information.
[H1 or Header 1] This header is the largest on the page and serves as the title for the page's content. Each page should only have one H1 header.
[H2 or Header 2] This header text guides visitors to a specific section of the web content. H2 subtitles help divide web pages into bite-sized chunks of information.
[H3 or Header 3] This is a subheading of the H2.
H1, H2, and H3 headings are all available in three different weights: regular, thin, and bold. The Department of Surgery has chosen to primarily use the regular weight for headings in the site. All headers should be left aligned on the page.
The Department of Surgery has chosen to use a block quote to introduce page content.
The block quote is a great opportunity to highlight key content on the page
Whenever content needs to be separated on a page, padding is added to create a clear definition where one section begins and one ends. We use padding to give us some "negative space" or breathing room between text or an image and its containing border. Please reference the template below for examples of appropriate padding.
The Department of Surgery has Identified two helpful widgets to help organize content and condense several pages into one page. Google prioritizes pages with content within tabs over accordions. Please note, Sitefinity only allows a maximum of 6 featured tabs. If there is more content than will fit on 6 tabs, please use accordions.