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.

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.

A numbered
List
Of
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

workspace — Photo by Toa Heftiba / Unsplash

Full-width image

Gallery

Embeds

Struggling to grow an audience on Twitter?

Here's the strategy working right now 👇https://t.co/mQiqqjO0kp
— Ghost (@Ghost) January 11, 2022

Bookmarks

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

Subscribe to my newsletter

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

ES Pole Whack Guustavv

0:00

/2:15