Style guide

Range supports all of Ghost's built-in editor cards and content types.

Heading h2

Sapien eget mi proin sed libero. Enim ut sem viverra aliquet eget sit amet tellus cras. Dui accumsan sit amet nulla facilisi morbi tempus iaculis urna.

Heading h3

Turpis tincidunt id aliquet risus feugiat in ante metus. Dis parturient montes nascetur ridiculus mus mauris vitae.

Heading h4

Massa placerat duis ultricies lacus sed turpis tincidunt id aliquet. Egestas sed tempus urna et.

Text

Nulla aliquet enim tortor at auctor. Netus et malesuada fames ac. Vitae ultricies leo integer malesuada nunc vel risus commodo. Mauris vitae ultricies leo integer malesuada. Integer enim neque volutpat ac tincidunt vitae semper quis lectus.

• List
• Of
• Items

Risus viverra adipiscing at in tellus integer. Cras tincidunt lobortis feugiat vivamus at. Praesent semper feugiat nibh sed pulvinar proin gravida hendrerit lectus. Ornare massa eget egestas purus.

1. A numbered
2. List
3. Of
4. Items

Adipiscing elit pellentesque habitant morbi tristique. Turpis tincidunt id aliquet risus feugiat in ante metus.

<main class="container">

  <div class="posts mt3">
    {{#foreach posts}}
      {{> post-card show_authors=true}}
    {{/foreach}}
  </div>
  
  <div class="tc mt6">
    {{pagination}}
  </div>

</main>

Quotes

Quote type 1

Nulla aliquet enim tortor at auctor. Netus et malesuada fames ac. Vitae ultricies leo integer malesuada nunc vel risus commodo. Mauris vitae ultricies leo integer malesuada.

Quote type 2

Rhoncus mattis rhoncus urna neque viverra justo nec ultrices. At varius vel pharetra vel turpis nunc.

Images

Normal width image

Wide image

Full-width image

Bookmark

Ghost: Turn your audience into a business

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

Ghost - The Professional Publishing Platform

Callout

Button

Toggle

Embed