Sanfordhealth.org Elements
Page Contents
Typography
<h1> Page Title
Font Family: Open Sans
Font Size: Desktop 80px, Mobile 42px
Font Weight: Extra Bold
Hex Color: #ffffff
<h4> Header
Font Family: Open Sans
Font Size: Desktop 26px, Mobile 22px
Font Weight: Bold
Hex Color: #282828
Background Colors
Text Colors
Photo Standards
Bright, simple and airy imagery should be used in the Sanford Health website. Avoid using any dark, complex or overtly medical-related images. Smiling, happy and active individuals should be the focus. Images that convey warmth, love and hope among family, friends and medical professionals are key to creating a trusting brand for Sanford Health. Always be mindful to include images of people from a wide range of ages, races, cultural backgrounds and medical conditions. For information, visit sanfordhealth.org or Sanford Health News.
![Digital Photo Direction Photo 1](http://mktstndrd.wpengine.com/wp-content/uploads/2019/02/digital-webphotos-photo1.jpg)
![Digital Photo Direction Photo 4](http://mktstndrd.wpengine.com/wp-content/uploads/2019/02/digital-webphotos-photo4.jpg)
![Digital Photo Direction Photo 2](http://mktstndrd.wpengine.com/wp-content/uploads/2019/02/digital-webphotos-photo2.jpg)
![Digital Photo Direction Photo 5](http://mktstndrd.wpengine.com/wp-content/uploads/2019/02/digital-webphotos-photo5.jpg)
![Digital Photo Direction Photo 3](http://mktstndrd.wpengine.com/wp-content/uploads/2019/02/digital-webphotos-photo3.jpg)
![Digital Photo Direction Photo 6](http://mktstndrd.wpengine.com/wp-content/uploads/2019/02/digital-webphotos-photo6.jpg)
Buttons
Primary Button
Text: Open Sans Bold
Background: #003f72
Size: Variable width x 50px
Secondary Button
Text: Open Sans Bold
Background: #6AAde4
Size: Variable width x 50px
Ghost Button
Text: Open Sans Bold
1px Stroke: #003f72
Size: Variable width x 50px
Icon Library
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Billing-Insurance-Icon.png)
Billing & Insurance
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Breast-Screening-Icon.png)
Breast Screening Pink
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Browse-Classes_Events-Icon.png)
Classes & Events
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Browse-Icon.png)
Browse
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Call-In-Icon.png)
Call-in
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Cancer-Care-Icon.png)
Cancer Ribbon
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Care-Planning-Icon.png)
Care Planning
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Careers-Icon.png)
Careers
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Check-Wait-Times-Icon.png)
Check Wait Times
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Classes-Clinical-Trials-Icon.png)
Clinical Trials
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Classes-Dermatology-Icon.png)
Dermatology
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Classes-Expecting-Families-Icon.png)
Expecting Families
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Classes-Profile-Icon.png)
Profile Logo
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Research-Icon_Primary.png)
Research
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Connect-Icon.png)
Connect
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Courses-Icon.png)
Courses
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Disclosure-Information-Icon.png)
Disclosure Information
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Donate-Icon.png)
Donate
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_E-Vistis-Icon.png)
e-Visits
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Edith-Newly-Diagnosed-Icon.png)
Edith Newly Diagnosed
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Edith-Share-Icon.png)
Share
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Edith-The-WISDOM-Study-Icon.png)
Edith Wisdom Study
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Email-Icon.png)
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Emergency-Care-Icon.png)
Emergency Care
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Family-Medicine-Icon.png)
Family Medicine
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Find-a-Doctor-Icon.png)
Find a Doctor
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Find-a-Location-Icon.png)
Find a Location
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Foundation-and-Philanthropy-Icon.png)
Foundation & Philanthropy
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Classes-Genetics-Icon.png)
Genetics
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Health-Information-Icon.png)
Health Information
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Health-Reminders-Icon.png)
Health Reminders
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Health-Summary-Icon.png)
Health Summary
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Heart-Care-Icon.png)
Heart Care
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Info-For-Medical-Professionals-Icon.png)
Medical Professionals
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Info-For-Patient-Icon_Medical.png)
Patient
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Info-For-Patient-Icon_Non-Medical.png)
Patient Non-medical
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Info-For-Patients-Icon.png)
Information
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Info-For-Student-and-Teacher-Icon.png)
Information for Students & Teachers
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Info-For-Visitors-Icon.png)
Visitors
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Lodging-Wayfinding-Icon.png)
Parking, Lodging & Wayfinding
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Medical-Services-Icon.png)
Medical Services
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Medical-Specialties-Icon.png)
Medical Specialties
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Medications-Icon.png)
Medications
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Mens-Resources-Icon.png)
Men’s Health
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Messages-Icon.png)
Messages
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_My-Sanford-Chart-Icon.png)
My Sanford Chart
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_My-Sanford-Nurse-Icon.png)
My Sanford Nurse
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_OSM-Icon.png)
Orthopedics & Sports Medicine
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Our-Story-Icon.png)
Our Story
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Pay-Bill-Location-Icon.png)
Bill Pay Locations
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Pay-Bill-Mail-Icon.png)
Pay Bill by Mail
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Pay-Bill-Online-Icon.png)
Online Bill Pay
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Pay-Bill-Payment-Plan-Icon.png)
Payment Plan
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Pay-Bill-Phone-Icon.png)
Bill Pay by Phone
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Pay-My-Bill-Icon.png)
Pay My Bill
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Pediatrics-Icon.png)
Pediatrics
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Prescription-Renewal-Icon.png)
Prescription Renewal
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Printer-Icon.png)
Printer
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Questionnaires-Ask-A-Question-Icon-Icon.png)
Ask a Question
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Refer-A-Patient-Icon.png)
Refer a Patient
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Request-A-Colonoscopy-Icon.png)
Request Colonoscopy
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Research-Icon_Secondary.png)
Research (Alt)
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Resources-Icon.png)
Resources
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Share-Your-Experience-Icon.png)
Share Your Experience
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Technical-Support-Icon.png)
Technical Support
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Test-Results-Icon.png)
Test Results
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Track-My-Health-Icon.png)
Track My Health
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Treatment-Icon.png)
Treatment
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Video-Visit-Icon.png)
Video Visit
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Walk-In-Icon.png)
Walk-in
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Womens-Health-Icon.png)
Women’s Health
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/07/Sanford-Health_Appointments-Icon.png)
Appointments
Design Examples & Structure
Homepage
Header (1)
- Logo Size: 175x45px
- Secondary Nav Text: Open Sans Semi-Bold, 20pt, #FFFFFF
- Icons: 20x20px
- Background Bar: 1920x110px, #003F72
Hero Image (2)
- Image Size: 1375x559px
- Title Text (h1): Open Sans Extrabold, 80pt, #ffffff
- Subtitle Text (h2): Open Sans, 40pt, #ffffff
Resource Quick Links (3)
- Icon Size: 35px height, width varies accordingly
- Navigation Text (h5): Open Sans Bold, 19pt, #003f72
- Background Color: #ededed
Information Links (4)
- Icon Size: 70x70px
- Title Text (h3): Open Sans Bold, 30pt, #282828
- Link Copy (Body Copy): Open Sans Semibold, 17pt, #003f72
Services (5)
- Section Title Text (h2): Open Sans Bold, 40pt, #003f72
- Body Copy: Open Sans Regular, 17pt, #282828
- Image Size: 269x269px
- Tile Copy (h5): Open Sans Bold, 19pt, #003f7
- Tile Background: 70x70px, Tile Color #ecf5fd, Picture 10% opacity
- Hover Tile: #ffffff, Tile Color #003f72, Picture – 10% opacity
- Background Color: #ededed
Tabs (6)
- Section Title Text (h2): Open Sans Bold, 40pt, #003f72
- Tab Text (h5): Open Sans Bold, 19pt, #003f72
- Caption Title (h5): Open Sans Bold, 19pt, #ffffff
- Caption Body Copy: Open Sans Regular, 17pt, #ffffff
- Caption Box Color: #003f72
- Image Size: 269x269px
News, Classes & Events (7)
- Section Title Text (h2): Open Sans Bold, 30pt, #003f72
- Title Text (h5): Open Sans Bold, 19pt, #003f72
- Body Copy: Open Sans Regular, 17pt, #282828
- Picture: 100x100px, circle or square
Subscription Bar (8)
- Copy (h4): Open Sans Bold, 26pt, #282828
- Social Icons: 50x50px
- Background Bar: 1920x125px, #ededed
Footer (9)
- Logo: 175x45px
- Link Copy (Body Copy): Open Sans Regular, 17pt, #003f72
- Fine Print: Open Sans Regular, 13pt, #282828
![Sanfordhealth.org Homepage](http://mktstndrd.wpengine.com/wp-content/uploads/2018/12/sanfordhealth-org-homepage-549x1024.jpg)
Main Services Page
Header (1)
- See Homepage tab for specifications
Hero Image (2)
- Image Size: 1375x298px
- Title Text (h1): Open Sans Extrabold, 80pt, #ffffff
- Subtitle Text (h2): Open Sans, 40pt, #ffffff
Introduction Copy (3)
- Title (h2): Open Sans Bold, 40pt, #003f72
- Body Copy: Open Sans Regular, 17pt, #282828
Right Rail Navigation (4)
- Section Title Text: Open Sans Extra Bold, 15pt, #282828
- Link Copy: Open Sans Semibold, 15px #003f72
Right Rail Call-out (5)
- Background Picture: 314×310 px
- Caption Title (h5): Open Sans Bold, 19pt, #ffffff
- Caption Body Copy: Open Sans Regular, 17pt, #ffffff
- Caption Box Color: #003f72
Patient Stories (6)
- Section Title Text (h2): Open Sans Bold, 40pt, #003f72
- Patient Picture: 269 x 269px
- Title Title (h4): Open Sans Bold, 26pt, #003f72
- Title Body Copy: Open Sans Regular, 17pt, #282828
- Text Link: Open Sans Bold, 16pt, #003f72, Underlined, Arrow – 15x15px
- Title Background Color: #ffffff
- Section Background Color: #ededed
Tabs (7)
- Section Title Text (h3): Open Sans Bold, 30pt, #003f72
- Title Copy (h3): Open Sans Bold, 19pt, #003f72
- Body Copy: Open Sans Bold, 17pt, #282828
- Picture: 690×402 px
News, Classes & Events (8)
- Section Title Text (h3): Open Sans Bold, 30pt, #003f72
- Title Copy (h5): Open Sans Bold, 19pt, #003f72
- Body Copy: Open Sans Bold, 17pt, #282828
- Picture: 100×100 px, circle or square
Subscription Bar (9)
- See Homepage tab for specifications
Footer (10)
- See Homepage tab for specifications
![Sanfordhealth.org Main Services Page Structure](http://mktstndrd.wpengine.com/wp-content/uploads/2019/02/digital-main-services-structure.jpg)
Specific Services Page
Header (1)
- See Homepage tab for specifications
Hero Image (2)
- See Main Services tab for specifications
Introduction Copy (3)
- See Main Services tab for specifications
Right Rail Navigation (4)
- See Main Services tab for specifications
Search Box (5)
- Tab Text (h5): Open Sans Bold, 19pt, #003f72
- Search Title (h3): Open Sans Bold, 30pt, #ffffff
- Background: 1000×250 px, #6aade4
Location Search Results Listing (6)
- Picture: 690 x 402px
- Location Name (h5): Open Sans Bold, 19pt, #003f72
- Phone Number (Body Copy): Open Sans Bold, 17pt, #003f72
- Address (Body Copy): Open Sans Regular, 17pt, #282828
- Distance: Open Sans Bold, 15pt, #003f72, Icon 20x28px
- Hours: Open Sans bold, 15pt, #003f72, Icon 25x25px
- Text Link: Open Sans Regular, 14pt, #003f72
Doctor Search Results Listing (6 – not shown)
- Picture: 160 x 200px
- Doctor Name (h5): Open Sans Bold, 19pt, #003f72
- Doctor Tile (Body Copy): Open Sans Bold, 17pt, #282828
- Star Rating: 20x20px
- Accepting New Patients (Body Copy): Open Sans Bold, 17pt, #003f72, Icon 17x17px
- Phone Number (Body Copy): Open Sans Bold, 17pt, #003f72
- Location Name (h5): Open Sans Bold, 19pt, #003f72
- Address (Body Copy): Open Sans Regular, 17pt, #282828
- Distance: Open Sans Bold, 15pt, #003f72, Icon 20x28px
- Text Link: Open Sans Regular, 14pt, #003f72
Suggested Services (not shown)
- Section Title Text (h2): Open Sans Bold, 40pt, #003f72
- Picture: 690 x 402px
- Tile Title (h4): Open Sans Bold, 26pt, #003f72
- Tile Body Copy: Open Sans Regular, 17pt, #282828
- Text Link: Open Sans Bold, 16pt, #003f72, Underlined,
- Arrow: 15x15px
- Tile Background Color: #ffffff
- Background Color: #ededed
Tabs (7)
- See Main Services tab for specifications
News, Classes & Events (8)
- See Main Services tab for specifications
Subscription Bar (9)
- See Main Services tab for specifications
Footer (10)
- See Main Services tab for specifications
![](http://mktstndrd.wpengine.com/wp-content/uploads/2019/02/digital-specific-services-structure.jpg)
Detail Page (Location, Doctor)
Header (1)
- See Homepage tab for specifications
Hero Image (2)
- See Main Services tab for specifications
Breadcrumbs (3)
- Copy: Open Sans Regular, Bold (Current Page), 14pt, #003f72
- Links: Open Sans Regular, 14pt, 003f72, Icon 20x20px
Introduction Copy (4)
- See Main Services tab for specifications
Information Links (5)
- See Homepage tab for specifications
Right Rail Navigation (6)
- Map: 315x315px
- Section Name: Open Sans Extra Bold, 15pt, #003f72
- Expand/Collapse Icon: 12x12px, #6aade4
- Copy: Open Sans Regular, 17pt, #282828
- Distance/Wait Time: Open Sans Bold, 15pt, #003f72, Icon 25x25px
Doctors (7)
- Section Title (h2): Open Sans Bold, 40pt, #003f72
- Body Copy: Open Sans Regular, 14pt, #282828
- Sort By (h5): Open Sans Bold, 19pt, #003f72
- Dropdown Copy: Open San Regular, 16pt, #282828
- Picture: 160 x 200 px
- Doctor Name (h5): Open Sans Bold, 19pt, #003f72
- Doctor Tile (Body Copy): Open Sans Bold, 17pt, #282828
- Star Rating: 20x20px
- Right & Left Arrows: 55x55px
- Background Color: #ededed
Tabs (8)
- See Main Services tab for specifications
Media Gallery (9)
- Picture/Video: 698x400px
- Caption Title (h5): Open Sans Bold, 19pt, #003f72
- Body Copy: Open San Regular, 17pt, #282828
- Right & Left Arrows: 55x55px
Subscription Bar (10)
- See Homepage tab for specifications
Footer (11)
- See Homepage tab for specifications