skip to Main Content

H2 Heading in Heading Element

H3 Heading in Heading Element

H4 Heading in Heading Element

H5 Heading in Heading Element

This is paragraph text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

H2 Heading in HTML

H3 Heading in HTML

H4 Heading in HTML

H5 Heading in HTML

This is paragraph text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

This is Saved as a Template

It’s called “section-honeycomb-bar.”

The first line  should be in Title Case, the rest is sentence case.

Here are Some Sample Areas with Background Colors

The background-color should be set using the GUI on the column for contained/boxed areas and on the row/section for stretched/full-width areas. If the default grey text (#676767) is not desired, the text color should be set with a class on the same element as the background color. 

Padding areas with background colors should be 50px on areas that are 50% or more of the site width. For smaller areas, like the three below, 30px of padding is appropriate.

 

Background color: #003B49

Text color class: white-text

Both are set on the column

Background color: #207D9D

Text color class: white-text

Both are set on the column

Background color: #F1F2F3

Text color class: blue-text

Both are set on the column

Stanson Has Some Fancy Lists

  1. The Outermost <ol> Has the Classes “ordered-list large-numbers”
    • Only one other class is necessary to create a list that looks like this one.
    • On the ‘outgoing’ Stanson site, there are spans with the class ‘pseudo-h2’ on the first line of the outermost list. They should be replaced with the class ‘hanging-indent’ if there is not a nested list. Otherwise they should be removed.
    • In fact, all classes and inline styles except “ordered-list large-numbers” should be removed.
    • If removing classes or inline styles on these lists breaks the formatting, please talk to Shayna
  2. This is an Example of a Hanging Indent Notice how the rest of this text is indented but does not have a bullet point. That is because of the span with the class ‘hanging-indent’ around this part, that looks like paragraph text.
  3. Top Level List-items Should be Title Case
    • Lower level list-items should be sentence case and end in punctuation,  unless they are not complete sentences.
    • The capitalization will display as typed. So if you are copy/pasting content, be aware that you may need to make corrections to capitalization.
  4. Nested Lists
    • Nested lists are all <ul> lists. Only the outermost list, with numbers is an <ol>
    • Here is a lsit of things:
      • Here’s something
      • Here’s something else
      • Another thing
      • That’s all
    • I think that’ is all there is to know about lists

Button and Text Styles

class=”large-text”

Buttons Created Using the Elementor Button GUI

All button text should be in Title Case. Some of the sample buttons here do not use title case, since they include the names of classes which are case-sensitive. 

This is the Default Elementor button.

This is the Default Elementor button, with the class ‘elementor-button-blue’ added in the ‘Advanced’ tab. It is the same as the Default button, but can the class can be added if other classes on wrappers are changing the button colors and you want to reset them.

This is the Default Elementor button with the class ‘elementor-button-yellow’ added in the ‘Advanced’ tab. This should be used on dark backgrounds. (Additionally, this text-box has the class ‘white-text’.)

This is the Default Elementor button with the class ‘non-button’ added in the ‘Advanced’ tab. this should be used when you want the button to look like a normal hyperlink

Buttons Created Using the HTML

Class=”button” This is the an <a class=’button’>

Class=”button” This is the an <a class=’blue-button’>

 

Class=”yellow-button” This is the an <a class=’yellow-button’>

This is the Default Elementor button with the class ‘non-button’ added in the ‘Advanced’ tab. This should be used when you want the button to look like a normal hyperlink

Additional Button Classes

By default, buttons width is determined by the length of the text inside. Use these classes to create buttons of specific widths. Use these to keep the buttons the same size when you need to stack buttons on top of each other (as in the ‘Resources’ section near the bottom of the COVID page. Use these classes with the Elementor button element, they are not configured for HTML buttons. 

Class=”wide-button-100″

Class=”wide-button-150″

Class=”wide-button-200″

Class=”wide-button-250″

These classes can also be used in combination with the button color classes, the button labled “Stacked Classes” has both the class “wide-button-250” and “elementor-button-navy”

Team Page Styles

Scott Weingarten

MD, MPH
Chief Executive Officer

Alex Tatiyants

Chief Technology Officer

Ryan M. Nellis

Chief Commercial Operations Officer

Back To Top

Scott Weingarten, MD, MPH, is the Acting Chief Executive Officer at Stanson Health. Board certified in internal medicine and a fellow of the American College of Physicians, Dr. Weingarten has published approximately 100 articles and editorials on healthcare quality improvement and related topics, and has authored numerous chapters on improving the quality of patient care in some of the leading internal medicine textbooks. He has given more than 300 presentations on clinical decision support and related topics throughout the United States and internationally. Dr. Weingarten has held positions on myriad national committees dedicated to improving patient outcomes, including those of the Institute for Medical Quality, the American Heart Association’s “Get With The Guidelines” program, and the quality improvement committee of the board of directors of St. Joseph’s Health System. He served as a member of the Disease Management Advisory Committee of the National Committee for Quality Assurance, and was part of the Certification Process Advisory Group for the Certification Commission for Healthcare Information Technology. Dr. Weingarten was the co-founder, president and chief executive officer of Zynx Health, which is now the market share leader for order sets and care plans. He is a co-inventor of three software patents granted by the United States Patent and Trademark Office. After graduating from UCLA’s medical school, Dr. Weingarten completed his internship, residency and fellowship in internal medicine at Cedars-Sinai. He later participated in a National Center for Health Services Research Fellowship at the RAND/UCLA Center for Health Policy Study. During the fellowship, he also earned a master’s of Public Health degree at the UCLA Fielding School of Public Health.