Style guide


Ali Abdaal Original 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.

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

Photo by Kelly Sikkema / Unsplash

Wide image

workspace
Photo by Toa Heftiba / Unsplash

Full-width image

Photo by Fleur Kaan / Unsplash


Embeds


Bookmarks

Twitter analytics for people who want to grow
A comprehensive Twitter analytics tool. Easily understand which tweets do well and analyse your follower growth.
Gloat · Start a paid publication
Affordable Ghost-powered sites for newsletter writers, bloggers and creators.

Callouts

💡
This is an important thing to read.
🦸
Make sure to check out other Super Themes Co. themes

Headers

Stand-out header card

Adding these creates sections in your page


Buttons


Toggles

Nibh sed pulvinar proin gravida hendrerit lectus a

Sed elementum tempus egestas sed. Dui sapien eget mi proin sed libero enim sed. Molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit sed.

Nullam eget felis eget nunc lobortis mattis aliquam faucibus

Nulla facilisi nullam vehicula ipsum a arcu cursus. Eu augue ut lectus arcu bibendum at varius vel.


Audio

audio-thumbnail
ES Pole Whack Guustavv
0:00
/2:15