Accent
Primary
Brand
Secondary
Brand
Contrast
Strongest
Text
Strong
Text
Medium
Text
Subtle
Text
Base
Subtle
Background
Lighter
Background
Brightest
Background
.lighter-bg

Aa

Headings are System Default Regular

Subheadings are also System Default Regular

.subtle-text

Body text is Open Sans. Massa at aliquet leo torquent nullam himenaeos molestie nulla habitasse, nisi ante sociosqu felis erat inceptos potenti amet, accumsan hendrerit mi nisl nunc cursus vel laoreet. Varius volutpat etiam est blandit auctor nullam nisi pellentesque per, eleifend nostra sed urna amet libero mauris nascetur, sociosqu vel imperdiet parturient augue proin in duis. Nam at velit rhoncus per eu facilisis sem, sed pretium tempor commodo a volutpat, praesent tristique vulputate consectetur mattis fermentum.

.subtle-bg

H1 Medium length headline

H2 Medium length headline

H3 Medium length headline

H4 Medium length headline

H5 Medium length headline
H6 Medium length headline
.primary-button
.transparent-button-light
.button-link-light
.button-group-light

Ipsum eget ultrices dui turpis taciti sodales ligula commodo massa ad dignissim vel tempus, mattis semper eleifend diam aenean libero cum tincidunt malesuada sapien eros nam. Tincidunt sed cursus himenaeos velit aliquam risus, proin mus sociosqu tristique placerat at elementum, ante torquent ad ridiculus vitae. Convallis dictum mauris arcu sociis consectetur sociosqu bibendum mattis mollis conubia pretium, luctus parturient hendrerit ultrices nulla ultricies orci vehicula cras. Mus curabitur turpis viverra at ac aptent nisl class integer sagittis sociosqu, lacinia eget metus feugiat scelerisque dictumst nulla pellentesque porttitor.

The wisdom of the wise, and the experience of ages, may be preserved by quotation.
Isaac D'Israeli

Item 1

Parturient natoque imperdiet aliquet sit ultricies turpis eu nam sed, enim gravida vehicula euismod vestibulum elit felis curae, vulputate pellentesque tristique duis conubia consequat dapibus leo. Ornare maecenas leo laoreet ut nulla penatibus inceptos tempor felis, elit accumsan per facilisi libero bibendum hac faucibus aliquet, primis lacus himenaeos commodo parturient orci mauris euismod. Sapien leo turpis torquent venenatis accumsan integer hac morbi cum, lacinia egestas rutrum sed class eget eros justo nullam, metus nisi fermentum mus vestibulum dolor primis lobortis.

Item 2
Item 3
.light-bg

Aa

Headings are System Default Regular

Subheadings are also System Default Regular

Body text is Open Sans. Massa at aliquet leo torquent nullam himenaeos molestie nulla habitasse, nisi ante sociosqu felis erat inceptos potenti amet, accumsan hendrerit mi nisl nunc cursus vel laoreet. Varius volutpat etiam est blandit auctor nullam nisi pellentesque per, eleifend nostra sed urna amet libero mauris nascetur, sociosqu vel imperdiet parturient augue proin in duis. Nam at velit rhoncus per eu facilisis sem, sed pretium tempor commodo a volutpat, praesent tristique vulputate consectetur mattis fermentum.

.dark

H1 Medium length headline

H2 Medium length headline

H3 Medium length headline

H4 Medium length headline

H5 Medium length headline
H6 Medium length headline

Ipsum eget ultrices dui turpis taciti sodales ligula commodo massa ad dignissim vel tempus, mattis semper eleifend diam aenean libero cum tincidunt malesuada sapien eros nam. Tincidunt sed cursus himenaeos velit aliquam risus, proin mus sociosqu tristique placerat at elementum, ante torquent ad ridiculus vitae. Convallis dictum mauris arcu sociis consectetur sociosqu bibendum mattis mollis conubia pretium, luctus parturient hendrerit ultrices nulla ultricies orci vehicula cras. Mus curabitur turpis viverra at ac aptent nisl class integer sagittis sociosqu, lacinia eget metus feugiat scelerisque dictumst nulla pellentesque porttitor.

The wisdom of the wise, and the experience of ages, may be preserved by quotation.
Isaac D'Israeli

Item 1

Parturient natoque imperdiet aliquet sit ultricies turpis eu nam sed, enim gravida vehicula euismod vestibulum elit felis curae, vulputate pellentesque tristique duis conubia consequat dapibus leo. Ornare maecenas leo laoreet ut nulla penatibus inceptos tempor felis, elit accumsan per facilisi libero bibendum hac faucibus aliquet, primis lacus himenaeos commodo parturient orci mauris euismod. Sapien leo turpis torquent venenatis accumsan integer hac morbi cum, lacinia egestas rutrum sed class eget eros justo nullam, metus nisi fermentum mus vestibulum dolor primis lobortis.

Item 2
Item 3