Typography

Open Sans is a free and open source sans serif typeface designed by Steve Matteson. Widely used accross the web and optimized for legibility across print, web, and mobile interfaces.

The humanist sans-serif typeface was chosen because of it's excellent legibility when used at different sizes and weights. Open Sans was adopted to give SuiteCommerce Advanced a modern, clean interface that exudes a friendly appearance.

Available Weights

 

Light - Weight 300
Regular - Weight 400
Semi-Bold - Weight 600
Bold - Weight 700


Usage

SASS Variables

Type
Variable
Value
Copy$sc-base-font-size
15px
Small Text Copy$sc-smallest-font-size
11px
Mobile Copy$sc-small-font-size
13px
H1
$sc-h1-font-size
26px
Mobile H1$sc-h1-font-size-mobile
22px
H2
$sc-h2-font-size
22px
Mobile H2
$sc-h2-font-size-mobile
18px
H3
$sc-h3-font-size
22px
Mobile H3
$sc-h3-font-size-mobile
18px
H4
$sc-h4-font-size
18px
Mobile H4
$sc-h4-font-size-mobile
15px
Light$sc-font-weight-light
300
Regular$sc-font-weight-normal
400
Semibold$sc-font-weight-semibold
600
Bold$sc-font-weight-bold
700