-
#E1F3F8
info-lighter -
#97D4EA
info-light -
#59B9DE
info -
#28A0CB
info-dark -
#07648D
info-darker -
#FDE0DB
error-lighter -
#FDB8AE
error-light -
#FB5A47
error -
#B51D09
error-dark -
#8B1303
error-darker -
#FAF3D1
warning-lighter -
#FEE685
warning-light -
#FACE00
warning -
#E6C74C
warning-dark -
#A88F48
warning-darker -
#E3F5E1
success-lighter -
#B7F5BD
success-light -
#21C834
success -
#00A91C
success-dark -
#008817
success-darkerr -
#E6E6E6
disabled-light -
#C9C9C9
disabled -
#ADADAD
disabled-dark
-
#F9F9F9
base-lightest -
#F3F3F3
base-lighter -
#C9C9C9
base-light -
#919191
base -
#5C5C5C
base-dark -
#454545
base-darker -
#2E2E2E
base-darkest -
#1B1B1B
ink -
#EFF6FB
primary-lighter -
#73B3E7
primary-light -
#005EA2
primary -
#2378C3
primary-vivid -
#1a4480
primary-dark -
#162e51
primary-darker -
#E7F2F5
secondary-lighter -
#4F9E99
secondary-light -
#008480
secondary -
#0f6460
secondary-dark -
#0b4b3f
secondary-darker -
#FEF0C8
accent-warm-light -
#FFBE2E
accent-warm -
#E5A000
accent-warm-dark -
#C2850C
accent-warm-darker -
#F9F9F9
base-lightest -
#F3F3F3
base-lighter -
#C9C9C9
base-light -
#919191
base -
#5C5C5C
base-dark -
#454545
base-darker -
#2E2E2E
base-darkest -
#1B1B1B
ink -
#EFF6FB
primary-lighter -
#73B3E7
primary-light -
#005EA2
primary -
#2378C3
primary-vivid -
#0B4778
primary-dark -
#1F303E
primary-darker -
#E7F2F5
secondary-lighter -
#449DAC
secondary-light -
#168092
secondary -
#2A646D
secondary-dark -
#2C4A4E
secondary-darker -
#FEF0C8
accent-warm-light -
#FFBE2E
accent-warm -
#E5A000
accent-warm-dark -
#C2850C
accent-warm-darker
Lato
font family mixin: @include u-font-family(font-family-sans)
Utility class .font-family-sans
Source Sans Pro is an open-source sans serif typeface created for legibility in UI design. With a variety of weights that read easily at all sizes, Source Sans Pro provides clear headers as well as highly-readable body text. Inspired by twentieth-century American gothic typeface design, its slender but open letters offer a clean and friendly simplicity. Advanced hinting allows Source Sans Pro to render well on Windows systems which run Cleartype, and across browsers and devices. Moreover, it supports a variety of languages and alphabets, including Western and European language, Vietnamese, pinyin Romanization of Chinese, and Navajo.
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9
Lora
font family mixin: @include u-font-family(font-family-serif)
Utility class .font-family-serif
Merriweather is an open-source serif typeface designed for on-screen reading. This font is ideal for text-dense design: the letterforms have a tall x-height but remain relatively small, making for excellent readability across screen sizes while not occupying extra horizontal space.The combination of slim and thick weights gives the font family stylistic range, while conveying a desirable mix of classic, yet modern simplicity. Merriweather communicates warmth and credibility at both large and smaller font sizes.
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9
Public Sans
font family mixin: @include u-font-family(font-family-alt)
Utility class .font-family-alt
Praesent egestas neque eu enim. Phasellus consectetuer vestibulum elit. Nullam quis ante. Fusce commodo aliquam arcu. Praesent egestas neque eu enim. Phasellus consectetuer vestibulum elit. Nullam quis ante. Fusce commodo aliquam arcu.Praesent egestas neque eu enim. Phasellus consectetuer vestibulum elit. Nullam quis ante. Fusce commodo aliquam arcu.
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9
H1 consectetur adipiscing elit donec aliquam
H2 nulla sagittis nulla eget lacus rhoncus bibendum
H3 pellentesque lobortis nec nisl id faucibus
H4 ut sit amet diam ut dolor porta elementum nec
H5 suspendisse blandit, ante et posuere porttitor
H6 duis aute irure dolor in reprehenderit en voluptate
Lead ras egestas non lacus et volutpat
Intro uis vel vehicula arcu, at scelerisque mauris
Copy curabitur vel mi sit amet erat lacinia efficitur id scelerisque felis
Small posuere libero sed neque consectetur tincidunt
H1 consectetur adipiscing elit donec aliquam
H2 nulla sagittis nulla eget lacus rhoncus bibendum
H3 pellentesque lobortis nec nisl id faucibus
H4 ut sit amet diam ut dolor porta elementum nec
H5 suspendisse blandit, ante et posuere porttitor
H6 ras egestas non lacus et volutpat
Lead ras egestas non lacus et volutpat
Copy curabitur vel mi sit amet erat lacinia efficitur id scelerisque felis
Small posuere libero sed neque consectetur tincidunt