Style Guide

Table of Contents

 

Typography

This is a Heading 2

Pellentesque et aliquet ipsum, vitae luctus urna. Sed mollis massa a porttitor iaculis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a Heading 3

Pellentesque et aliquet ipsum, vitae luctus urna. Sed mollis massa a porttitor iaculis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a Heading 4

Pellentesque et aliquet ipsum, vitae luctus urna. Sed mollis massa a porttitor iaculis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a Heading 5

Pellentesque et aliquet ipsum, vitae luctus urna. Sed mollis massa a porttitor iaculis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a Heading 6

Pellentesque et aliquet ipsum, vitae luctus urna. Sed mollis massa a porttitor iaculis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Paragraph One – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rhoncus gravida neque, quis convallis libero sollicitudin vitae. Morbi et lacus metus. Maecenas tincidunt suscipit nulla, ac egestas ligula luctus vitae. In hac habitasse platea dictumst.

Paragraph Two – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rhoncus gravida neque, quis convallis libero sollicitudin vitae. Morbi et lacus metus. Maecenas tincidunt suscipit nulla, ac egestas ligula luctus vitae. In hac habitasse platea dictumst.

Buttons

Button Color

Button White

Button Yellow

Button Green

Button Outline

Link Bookmark Card

Ghost Themes - The Marketplace

Discover beautiful professional themes for the Ghost publishing platform. Custom templates for magazines, blogs, news websites, content marketing & more!

Ghost - The Professional Publishing Platform

Tables

 Regular Table
    
    
    
    

 

Table bordered
     
     
     

 

Table striped
     
     
     

 

Table Title
     
     
     



Lists

Numeric List. 
  • Unordered Lists.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
DL list
Lorem ipsum dolor sit amet, consectetur adipiscing elit
DL list
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Lorem ipsum dolor sit amet, consectetur adipiscing elit

This is a blockquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rhoncus gravida neque, quis convallis.

Highlight text by using the mark tag

This text type should be treated as deleted

This text type should be treated as inaccurate or updated

This text type should be considered an addition to the document

This text will be displayed as underlined

This text type should be treated as fine print for contracts

This text will be displayed as bold

This text will be displayed in italics

Hyperlink

Text in a pre element
is displayed in a fixed-width
font, and it preserves
both      spaces and
line breaks
This is an address

 <p>The HTML <code>button</code> tag defines a clickable button.</p>

<p>The CSS <code>background-color</code> property defines the background color of an element.</p> 

Info

Highlight

Success

Warning

 

keyboard CTRL ALT SHIFT + H
 
 

Form

 

 

Video + Transcript

 

Comment Section

 

Comments

Share your thoughts below... Remember to keep it classy in the comments!
Make sure to review the Comment Policy here and Privacy Policy here before posting.