Colors
Hover to see class names
Fonts
- Font 1: Sofia – For titles and headings
-
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
- Font 2: Open Sans – For article body text
-
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Icons
-
icon-search -
icon-envelope-o -
icon-star -
icon-star-o -
icon-film -
icon-th-large -
icon-th -
icon-th-list -
icon-check -
icon-close -
icon-search-plus -
icon-search-minus -
icon-signal -
icon-cog -
icon-file-o -
icon-play-circle-o -
icon-volume-off -
icon-volume-down -
icon-volume-up -
icon-list -
icon-chevron-left -
icon-chevron-right -
icon-arrow-left -
icon-arrow-right -
icon-arrow-up -
icon-arrow-down -
icon-mail-forward -
icon-plus -
icon-minus -
icon-chevron-up -
icon-chevron-down -
icon-retweet -
icon-twitter -
icon-facebook -
icon-chain -
icon-pinterest -
icon-pinterest-square -
icon-google-plus-square -
icon-google-plus -
icon-caret-down -
icon-caret-up -
icon-caret-left -
icon-caret-right -
icon-sort -
icon-sort-desc -
icon-sort-asc -
icon-envelope -
icon-linkedin -
icon-cloud-download -
icon-cloud-upload -
icon-angle-double-left -
icon-angle-double-right -
icon-angle-double-up -
icon-angle-double-down -
icon-angle-left -
icon-angle-right -
icon-angle-up -
icon-angle-down -
icon-rss-square -
icon-play-circle -
icon-youtube-square -
icon-youtube -
icon-youtube-play -
icon-instagram -
icon-tumblr -
icon-tumblr-square -
icon-vimeo-square -
icon-google -
icon-soundcloud -
icon-vine -
icon-share-alt -
icon-share-alt-square -
icon-wifi -
icon-amazon -
icon-vimeo
Heading H1
Heading H2
Heading H3
Heading H4
Heading H5
Heading H6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, italic text example sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Anchor link example duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariaturSubscript. Excepteur sint occaecat cupidatat non proident, bold text sunt in culpa qui officia deserunt mollit anim id est laborum.Superscript
- List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
- List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
- List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
Heading H2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Heading H3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
- List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
- List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
Heading H4
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Heading H4
Heading H5
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Heading H5
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Modular Scale Font 1 (Open Sans)
- ms(-2) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(-1) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(0) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(1) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(2) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(3) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(4) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(5) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(6) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(7) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(8) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(9) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
Modular Scale Font 2 (Sofia)
- ms(-2) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(-1) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(0) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(1) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(2) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(3) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(4) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(5) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(6) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(7) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(8) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.
- ms(9) List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit.