Typography

These modular elements can be readily used and customized across pages and in different blocks.


Explore all of Stack’s modular elements
at the Element Index Page →

Modular Scale

Stack uses a modular type scale combined with varying font weights to establish a functional and visually pleasing content hierarchy. By default, each heading pushes down one measure of the base line height (26px). This ensures that when constructing new elements, a consistent rhythm can be achieved.

Stack uses EM units to ensure that typography and general spacing remain optimisied at different screen sizes and on different devices. Type and spacing scale down from a base font size of 14px, to 13px towards a mobile screen size. Try dragging this window down to the narrowest width to see the scale in action.

Heading Styles

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six
Lead Paragraph

Stack’s visual style is simple yet distinct, making it an ideal starting point for your project whether it be a basic marketing site, or multi-page company presence.

Standard Paragraph

Stack’s visual style is simple yet distinct, making it an ideal starting point for your project whether it be a basic marketing site, or multi-page company presence.

Typography Helpers

Stack includes a number of helper classes to perform common type functions such as uppercasing, bold, italic etc.

  • .type–uppercase – convert the element to uppercase
  • .type–bold – convert the element to a heavier font weight
  • .type–italic – convert the element to italic type
  • .type–underline – underline the element
  • .type–strikethrough – strikethrough the element
  • .type–fade – fade the element to 0.5 opacity
  • .type–fine-print – use the smallest text size in the scale

Type Uppercase

Type Bold

Type Italic

Type Underline

Type Strikethrough

Type Fade

Type Fine Print

DISCLAIMER:
Stephen Duncan, DCH., S.PhD., PSc.D, FSAC is not a licensed medical doctor and is not licensed or credentialed by the Texas Medical Board, nor does he choose to be based on his personal and professional beliefs regarding natural healing modalities. Stephen Duncan, DCH., S.PhD., PSc.D, FSAC in no way provides procedures, services, labs, or treatments which should be perceived as recommendations made by a license, medical healthcare provider. Stephen Duncan, DCH., S.PhD., PSc.D, FSAC believes that God has created within our bodies the perfect signatures for healing. It is his call/desire to help each individual clear the pathways that block healing and create disharmony by utilizing God’s great pharmacy-the Earth.
The information and resources presented on this site are not intended to replace the care of a qualified health professional. While the ideas presented here are based on extensive research, they are not intended to provide specific advice for any individual person’s medical concerns. The resources on this site are for educational purposes; it is recommended that each individual choose a trusted health care professional for diagnosis and treatment purposes. The author of this site encourages visitors to educate themselves about the various theories and treatment approaches for health care issues, so that the safest, most effective approach can be identified.