Skip to Content Skip to Local Navigation Skip to Global Navigation
Stanford Medicine Website Design Training – TDS Web Services

Everest Template

Everest Design Site
Stanford Medicine

Explore Stanford Medicine

  • Health Care
    • Find a doctor

    • Adult-care doctor
    • Pediatrician or pediatric specialist
    • Obstetrician
    • Clinics & Services

    • Adult care
    • Pediatric care
    • Obstetrics
    • Clinical trials
    • Locations

    • Stanford Health Care
    • Stanford Children's Health
    • Emergency Department
    • Dial 911 in the event of a medical emergency

    Explore Health Care

    Learn how we are healing patients through science & compassion

    Back
  • Research
    • Basic science departments
    • Clinical science departments
    • Institutes
    • Research centers
    • See full directory
    • Research Resources

    • Research administration
    • Academic profiles
    • Clinical trials
    • Funding opportunities
    • See all
    • Professional Training

    • Postdoctoral scholars
    • Clinical research fellows

    Research News

    Stanford team stimulates neurons to induce particular perceptions in mice's minds

    Stanford team stimulates neurons to induce particular perceptions in mice's minds

    Explore Research

    Learn how we are fueling innovation

    Back
  • Education
    • MD program
    • PA Programs
    • PhD programs
    • Masters programs
    • Continuing Medical Education
    • Postdoctoral scholars
    • Residencies & fellowships
    • High School & Undergraduate Programs
    • See all
    • Education Resources

    • Academic profiles
    • School Administration
    • Basic science departments
    • Clinical science departments
    • Alumni services
    • Faculty resources
    • Diversity programs
    • Lane Library
    • Student resources

    Education News

    Students from far and near begin medical studies at Stanford

    Students from far and near begin medical studies at Stanford

    Explore Education

    Learn how we empower tomorrow's leaders

    Back
  • Give

    Support Stanford Medicine

    • Support teaching, research, and patient care.

    • Ways to give
    • Why giving matters
    • Make a gift online

    Support Children's Health

    • Support Lucile Packard Children's Hospital Stanford and child and maternal health

    • Ways to give
    • How your gift helps
    • Make an online gift
    Back
  • About
    • About us
    • News
    • Contacts
    • Maps & directions
    • Leadership
    • Vision
    • Diversity
    • Global health
    • Community engagement
    • Events
    • How you can help

    Stanford School of Medicine

    Stanford Health Care

    Stanford Children's Health

    Back
  • Site Search
    Submit Search Query

Medium Volume General Pages

Most pages will fall into this category. With supporting resources and links to further information, medium density pages are prime for employing different panel layouts.

The column configurations provided by the Panel Builder help visually segment subjects, making it easier for visitors to digest the increase in content. The thoughtful use of headings, separators and images, as seen in the low volume examples, can still be applied for good effect.

Click to cycle through some examples or use the blue arrows below.

Characteristics

  • 3 - 6 ¶ | Some media
  • Related materials | News 
  • General Info. | Research & Edu
  • Gender Equality: Research
  • Child Brain & Behavior Lab: About

Simple banner for section hero

This is not necessarly for content driven pages. Remember not to use images for image sake.

(H2) Related Features

Heading/Section name

One strategy to mitigate high-information density is to create 'pathways' or 'funnels' that still accuratley summaraize content.


Heading/Section name

These pathsways should reflect your sites primary objectives; don't simply mimick your left-navigation.


Heading/Section name

As demonstrated here, less is more, so put on your marketing hat and try to be as succinct  and coersive as possible.


Heading/Section name

Keep content fresh to increase the likelyhood of return visits. Rotate news and events to cycle out old information using a feed like the News below...

(H2) News

Default layout

  • March 9, 2023

    State of Stanford Medicine affirms health equity, diversity and inclusion as core to strategic planning

  • March 9, 2023

    Stanford Medicine donated more than $950 million to the community last year

  • March 8, 2023

    Stanford Medicine clinical trial goals: Meet long COVID head-on, treat it and defeat it

  • March 2, 2023

    App recognizes suspected mpox rashes using artificial intelligence

  • March 1, 2023

    A racing heart drives anxiety behavior in mice, Stanford Medicine researchers find


Older Stories

Featured Person or Content

Be mindful about volume of text for this type of content. A few sentences usually suffice. Avoid placing mission statements, or long blocks of text in prime real estate areas, especially above the fold. 

(H1) Multiple content blocks

Supported by a sentence or two of "Subheading Text" is another effective tactic for grabbing attention

(H2) Other 'Text' Techniques

  • Group like-subjects together using Panel Builders. See the Panel Builder Layouts for more ideas how.
  • Text that goes 100% wide is hard to read, so break it up with images or other materials such as downloads, links or quotes.
  • Long blocks of text are discouraged. If you can't avoid it, use the collapse text feature,  More 

available in the Text EditorLess 

Section Headline

Place less important info. further down the page, "below the fold"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi suscipit turpis massa, eget bibendum mi egestas id. Donec vulputate erat eget dolor faucibus elementum. Cras imperdiet felis sit amet justo suscipit, vitae sollicitudin neque venenatis. Cras sollicitudin erat in aliquet eleifend. Aliquam tempor risus elementum tempor dignissim. Mauris sit amet efficitur orci. Vestibulum aliquam iaculis eros sed accumsan. Vivamus consequat euismod sollicitudin. Nulla ac arcu sit amet nulla auctor luctus porttitor sed libero. Curabitur eget ullamcorper sem, eu finibus purus. Integer ac justo sed enim vestibulum vehicula eget at dolor. Aliquam ac efficitur neque, sed imperdiet elit. In vestibulum in velit sit amet maximus. Nulla gravida nunc mi, at volutpat sem placerat eu.

Section Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi suscipit turpis massa, eget bibendum mi egestas id. Donec vulputate erat eget dolor faucibus elementum. Cras imperdiet felis sit amet justo suscipit, vitae sollicitudin neque venenatis. Cras sollicitudin erat in aliquet eleifend. Aliquam tempor risus elementum tempor dignissim. Mauris sit amet efficitur orci. Vestibulum aliquam iaculis eros sed accumsan. Vivamus consequat euismod sollicitudin. Nulla ac arcu sit amet nulla auctor luctus porttitor sed libero. Curabitur eget ullamcorper sem, eu finibus purus. Integer ac justo sed enim vestibulum vehicula eget at dolor. Aliquam ac efficitur neque, sed imperdiet elit. In vestibulum in velit sit amet maximus. Nulla gravida nunc mi, at volutpat sem placerat eu.

(H2) News

"stacked vertically"

  • State of Stanford Medicine affirms health equity, diversity and inclusion as core to strategic planning

  • Stanford Medicine donated more than $950 million to the community last year

share

(H1) List of Featured Items

This page has several sections, mitigating density with staggered imagery and additional spacing

(H3) Alternate sides to add interest and improve readability 

Though this page has a lot of text, the use of Text & Image and separator components effectivley distinguishes content; an alternative strategy to using Panel Builder columns and separate headings.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus porta risus non laoreet. Maecenas tempus accumsan pellentesque. Nam sed lacinia justo. 


Use separators to add breathing room to the page

Only a line or two of text should 'hang off' the bottom of the image as seen above. Any more than that, either adjust the word count accordingly, or use a separate image component with the 'float' option enabled —  this will allow the text to wrap around the image as seen here »

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus porta risus non laoreet. Maecenas tempus accumsan pellentesque. Nam sed lacinia justo. Nullam velit nulla, molestie ultrices rhoncus eget, eleifend vitae nibh. Aenean viverra vulputate risus, et laoreet risus cursus id. Phasellus suscipit nunc ac enim dapibus bibendum. Aliquam dignissim elit odio, at tempor odio tristique consectetur. Proin vitae mauris auctor turpis suscipit vehicula tristique vel risus.


Place less important info. further down the page, "below the fold"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus porta risus non laoreet. Maecenas tempus accumsan pellentesque. Nam sed lacinia justo. Nullam velit nulla, molestie ultrices rhoncus eget, eleifend vitae nibh. Aenean viverra vulputate risus, et laoreet risus cursus id. Phasellus suscipit nunc ac enim dapibus bibendum. Aliquam dignissim elit odio, at tempor odio tristique consectetur. Proin vitae mauris auctor turpis suscipit vehicula tristique vel risus.


Alternate sides to add interest and improve readibility 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus porta risus non laoreet. Maecenas tempus accumsan pellentesque. Nam sed lacinia justo. Nullam velit nulla, molestie ultrices rhoncus eget, eleifend vitae nibh. Aenean viverra vulputate risus, et laoreet risus cursus id. Phasellus suscipit nunc ac enim dapibus bibendum. Aliquam dignissim elit odio, at tempor odio tristique consectetur. Proin vitae mauris auctor turpis suscipit vehicula tristique vel risus.


Removed from a panel, this content is clearly illustrated as last

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus porta risus non laoreet. Maecenas tempus accumsan pellentesque. Nam sed lacinia justo. Nullam velit nulla, molestie ultrices rhoncus eget, eleifend vitae nibh. Aenean viverra vulputate risus, et laoreet risus cursus id. Phasellus suscipit nunc ac enim dapibus bibendum. Aliquam dignissim elit odio, at tempor odio tristique consectetur. Proin vitae mauris auctor turpis suscipit vehicula tristique vel risus.

Everest Design Site
  • Panel Builder Layouts
    • Layout 1: 100%
    • Layout 2: 66/33%
    • Layout 3: Combo
  • General Page Layouts
    • Low Volume
    • Medium Volume
    • High Volume
  • Homepage Layouts
    • Style 1: Calls to Action
    • Style 2: Project or Lab
    • Style 3: Information Feeds
  • People Page Layouts
    • Faculty Groups
    • Non-Faculty/Mixed Groups
    • Small Groups
    • Large Groups
McKinley Version

Website Design Training

Design Catalog

Everest Design Site

McKinley Design Site

Web Training Resources

Health Care

Stanford Health Care

Stanford Children's Health

Stanford School of Medicine

About

Contact

Maps & Directions

Careers

Basic Science Departments

Clinical Science Departments

Academic Programs

Vision

Find People
Visit Stanford
Search Clinical Trials
Give a Gift
©2023 Stanford Medicine
  • Privacy Policy
  • Terms of Use
  • See us on Facebook
  • See us on Twitter
  • Stanford University
  • Stanford School of Medicine
  • Stanford Health Care
  • Stanford Children's Health
  • Stanford Health Care Tri-Valley
  • Stanford Medicine Partners