Style

Colors

Headings

All HTML headings, <h1> through <h6>, are available.

Heading 2 example

Heading 3 example

Heading 4 example

Heading 5 example

Heading 6 example

List Types

Ordered List

An unordered list starts with the <ol> tag. Each list item starts with the <li> tag. The list items will be marked with numbers by default:

1. List Item 1
2. List Item 2
3. Nested list item A
4. Nested list item B
5. List Item 3

Unordered List

An unordered list starts with the <ul> tag. Each list item starts with the <li> tag. The list items will be marked with bullets by default:

• List Item a
• List Item b
• Nested list item 1
• Nested list item 2
• Double Nested item 1
• Double Nested item 2
• List Item 3

Blockquotes

For quoting blocks of content from another source within your document.
Single line blockquote:

Stay hungry. Stay foolish.

Multi line blockquote:

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. - Biron Themes

Alternative blockquote style:

Success is not final, failure is not fatal: it is the courage to continue that counts.

Buttons

Colors

<button class="btn mb">Default</button>
<button class="btn btn--brand mb">Brand</button>
<button class="btn btn--success mb">Success</button>
<button class="btn btn--error mb">Error</button>
<button class="btn btn--warning mb">Warning</button>
<button class="btn btn--bordered mb">Bordered</button>
<button class="btn btn--bordered btn--brand mb">Bordered Brand</button>
<button class="btn btn--brand is-loading mb">Loading</button>

Sizes

<button class="btn btn--sm mb">Small Button</button>
<button class="btn mb">Default Button</button>
<button class="btn btn--lg mb">Large Button</button>
<button class="btn btn--xl mb">Huge Button</button>
<button class="btn btn--full mb">Full Width Button</button>

Bookmark cards

Premium Ghost Themes | Bright Themes

Premium Ghost CMS Themes. We create practical yet powerful Ghost themes with membership and newsletter support. Our templates are simple to use, fast and beautiful, with great support. Create a professional blog, newsletter or membership site.

Bright ThemesBright Themes

Ghost: The Creator Economy Platform

The world’s most popular modern publishing platform for creating a new media platform. Used by Apple, SkyNews, Buffer, Kickstarter, and thousands more.

Ghost - The Professional Publishing Platform

Callout cards

Toggle cards

Video cards

Audio cards

Abstract music

0:00

/88.032625

1×

The epic trailer

0:00

/92.0555

1×

File cards

Product cards

Premium Ghost Themes

Check out the best Ghost Themes for your blog, newsletter, or portfolio.

Explore Themes

Header cards

Split header card

Signup cards

Sign up for Saaga

Thoughts, stories and ideas.

Subscribe

Email sent! Check your inbox to complete your signup.

No spam. Unsubscribe anytime.

Images

Image Gallery

Embeds

https://www.instagram.com/p/B_U_Dv7n-X8/

Text-level semantics

Styling for common inline HTML5 elements.

The a element example.
The abbr element and abbr element with title examples
The b element example
The cite element example
The code element example
The del element example
The dfn element and dfn element with title examples
The em element example
The i element example
The ins element example
The kbd element example
The mark element example
The q element inside a q element example
The s element example
The samp element example
The small element example
The span element example
The strong element example
The _{sub element} example
The ^{sup element} example
The var element example
The u element example
The <details> element:

Notifications

Tables