Headings

Heading Level 1 - Lorem ipsum dolor sit amet, consectetuer adi piscing elit - OG Title 95 chars

Heading Level 2 - Lorem ipsum dolor sit amet, consectetuer adi piscing elit - OG Title 95 chars

Heading Level 3 - Subheading

Heading Level 4 - Subheading

Heading Level 5 - Subheading
Heading Level 6 - Mainly for navigation

Paragraph

Muli is the font for all content. Body is 16px (1em), highlighted text, intro to a longer text or blockquotes are 20px (1.25em) bold. Body text when not in a feed is always in black (#22222). A paragraph (from the Greek paragraphos, "to write beside" or "written beside") is a self-contained unit of a discourse in writing dealing with a particular point or idea. A paragraph consists of one or more sentences. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose.

Blockquote

For intros that needs highlighting, or a blockquote, make it Muli 20px, bold in subheader color. (A block quotation is a quotation in a Article, that is set off from the main text as a paragraph,should be distinguished visually using indentation and different font types to highlight it. It serves as an intro paragraph. To bring in the reader grab attention.) - Article OG Description 297 chars

Inline Elements

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

The u element is text with an unarticulated, though explicitly rendered, non-textual annotation

This text is deleted and This text is inserted

This text has a strikethrough

Superscript®

Subscript for things like H2O

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 variable element, such as x = y

Time

Preformatted Text

  	
P R E F O R M A T T E D T E X T
! " # $ % & ' ( ) * + , - . /
0 1 2 3 4 5 6 7 8 9 : ; < = > ?
@ 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 { | } ~ 

Hr


Fade Out Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lobortis iaculis viverra. Quisque mollis vestibulum justo, a aliquam lacus sodales quis. Proin quis aliquet enim. Etiam aliquet, augue et aliquam tristique,urna odio rhoncus metus, a imperdiet diam urna et tortor. Nunc ligula sapien, bibendum nec laoreet eu, hendrerit et est. Vestibulum volutpat, tellus pretium iaculis malesuada, metus leo condimentum elit, vitae bibendum augue dolor vitae quam. Proin quis aliquet enim. Etiam aliquet, augue et aliquam tristique,urna odio rhoncus metus, a imperdiet diam urna et tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lobortis iaculis viverra. Quisque mollis vestibulum justo, a aliquam lacus sodales quis. Proin quis aliquet enim. Etiam aliquet, augue et aliquam tristique,urna odio rhoncus metus, a imperdiet diam urna et tortor. Nunc ligula sapien, bibendum nec laoreet eu, hendrerit et est. Vestibulum volutpat, tellus pretium iaculis malesuada, metus leo condimentum elit, vitae bibendum augue dolor vitae quam. Proin quis aliquet enim. Etiam aliquet, augue et aliquam tristique,urna odio rhoncus metus, a imperdiet diam urna et tortor.

Read more