1. Brand

   #ffd503

   $color-primary

2. Grayscale

   #000

   $color-black
   #3e3e3e

   $color-gray-dark
   #525252

   $color-gray
   #bfbfbf

   $color-gray-light
   #d8d8d8

   $color-silver
   #f3f3f3

   $color-silver-light
   #f9f9f9

   $color-white-dark
   #fff

   $color-white

3. Utility

   #ff4136

   $color-red
   #ff851b

   $color-orange
   #ffdc00

   $color-yellow
   #2ecc40

   $color-green
   #0074d9

   $color-blue

4. Social

   #0074d9

   $color-facebook
   #3b5998

   $color-twitter

Primary font: Lato, Arial, sans-serif

Primary font light italic: Lato, Arial, sans-serif

Primary font bold: Lato, Arial, sans-serif

h1. The quick brown fox jumps over the lazy dog

h2. The quick brown fox jumps over the lazy dog

h3. The quick brown fox jumps over the lazy dog

h4. The quick brown fox jumps over the lazy dog

h5. The quick brown fox jumps over the lazy dog

h6. The quick brown fox jumps over the lazy dog

“The quick brown fox jumps over the lazy dog” is an English–language pangram — a phrase that contains all of the letters of the alphabet. It is used to show fonts and to test typewriters and computer keyboards, and in other applications involving all of the letters in the English alphabet. Owing to its brevity and coherence, it has become widely known.

The HTML <blockquote> Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see Notes for how to change it). A URL for the source of the quotation may be given using the cite attribute, while a text representation of the source can be given using the <cite> element.

— MDN

This is a text link

Strong is used to indicate strong importance

This text has added emphasis

The b element is stylistically different text from normal text, without any special importance

The i element is text that is set off from the normal text

This text is deleted and This text is inserted

This text has a strikethrough

Superscript^®

Subscript for things like H₂O

This small text is small for for fine print, etc.

Abbreviation: HTML

Keybord input: Cmd

This text is a short inline quotation

This is a citation

The dfn element indicates a definition

The mark element indicates a highlight

This is what inline code looks like.

This is sample output from a computer program

The variarble element, such as x = y

The quick brown fox jumps over the lazy dog

“The quick brown fox jumps over the lazy dog” is an English–language pangram — a phrase that contains all of the letters of the alphabet. It is used to show fonts and to test typewriters and computer keyboards, and in other applications involving all of the letters in the English alphabet. Owing to its brevity and coherence, it has become widely known.

The quick brown fox jumps over the lazy dog

“The quick brown fox jumps over the lazy dog” is an English–language pangram — a phrase that contains all of the letters of the alphabet. It is used to show fonts and to test typewriters and computer keyboards, and in other applications involving all of the letters in the English alphabet. Owing to its brevity and coherence, it has become widely known.

The quick brown fox jumps over the lazy dog

“The quick brown fox jumps over the lazy dog” is an English–language pangram — a phrase that contains all of the letters of the alphabet. It is used to show fonts and to test typewriters and computer keyboards, and in other applications involving all of the letters in the English alphabet. Owing to its brevity and coherence, it has become widely known.

1. “The quick brown fox jumps over the lazy dog” is an English–language pangram — a phrase that contains all of the letters of the alphabet. It is used to show fonts and to test typewriters and computer keyboards, and in other applications involving all of the letters in the English alphabet. Owing to its brevity and coherence, it has become widely known.
2. “The quick brown fox jumps over the lazy dog” is an English–language pangram — a phrase that contains all of the letters of the alphabet. It is used to show fonts and to test typewriters and computer keyboards, and in other applications involving all of the letters in the English alphabet. Owing to its brevity and coherence, it has become widely known.
3. “The quick brown fox jumps over the lazy dog” is an English–language pangram — a phrase that contains all of the letters of the alphabet. It is used to show fonts and to test typewriters and computer keyboards, and in other applications involving all of the letters in the English alphabet. Owing to its brevity and coherence, it has become widely known.

• “The quick brown fox jumps over the lazy dog” is an English–language pangram — a phrase that contains all of the letters of the alphabet. It is used to show fonts and to test typewriters and computer keyboards, and in other applications involving all of the letters in the English alphabet. Owing to its brevity and coherence, it has become widely known.
• “The quick brown fox jumps over the lazy dog” is an English–language pangram — a phrase that contains all of the letters of the alphabet. It is used to show fonts and to test typewriters and computer keyboards, and in other applications involving all of the letters in the English alphabet. Owing to its brevity and coherence, it has become widely known.
• “The quick brown fox jumps over the lazy dog” is an English–language pangram — a phrase that contains all of the letters of the alphabet. It is used to show fonts and to test typewriters and computer keyboards, and in other applications involving all of the letters in the English alphabet. Owing to its brevity and coherence, it has become widely known.

• Lorem ipsum dolor sit
• Sed do eiusmod tempor
• Duis aute irure dolor

• Lorem ipsum dolor sit
• Sed do eiusmod tempor
• Duis aute irure dolor

• Lorem ipsum dolor sit amet, consectetur adipiscing elit
• Sed do eiusmod tempor incididunt ut labore et dolore magna
• Duis aute irure dolor in reprehenderit in voluptate velit

Hide visually and from screen readers

Hide only visually, but have it available for screen readers

Hide visually and from screen readers, but maintain layout

Hide on smaller screens

Show on smaller screens only

Hide on medium screens only

Show on medium screens only

Hide on large screens

Show on large screens only

This font weight is bold

This font weight is normal

This text is aligned left

This text is aligned center

This text is aligned right

This text transform is capitalize

This text transform is inherit

This text transform is lowercase

This text transform is uppercase

This text is truncated “The quick brown fox jumps over the lazy dog” is an English–language pangram — a phrase that contains all of the letters of the alphabet. It is used to show fonts and to test typewriters and computer keyboards, and in other applications involving all of the letters in the English alphabet. Owing to its brevity and coherence, it has become widely known.