At Aspire Themes I use a lot of tools to help me create WordPress, Ghost and Jekyll themes. Tools will range from development, design, services, hosting and automation.

Graphic design is the paradise of individuality, eccentricity, heresy, abnormality, hobbies, and humors. — George Santayana.

Simple default styles for headings

Simple default styles for headings

Simple default styles for headings

Simple default styles for headings

• Ut at interdum nunc. Maecenas commodo turpis quis elementum gravida.
• Nunc ac sapien tellus. Quisque risus enim, tempus eget porttitor.
• Donec nibh massa, rutrum a sollicitudin eu, lacinia in lorem.

1. Ut at interdum nunc. Maecenas commodo turpis quis elementum gravida.
2. Nunc ac sapien tellus. Quisque risus enim, tempus eget porttitor in.
3. Donec nibh massa, rutrum a sollicitudin eu.

Graphic design is the paradise of individuality, eccentricity, heresy, abnormality, hobbies, and humors. — George Santayana

Ghost comes with a beautiful default theme called Casper, which is  designed to be a clean, readable publication layout and can be adapted  for most purposes. However, Ghost can also be completely themed to suit  your needs. Rather than just giving you a few basic settings which act  as a poor proxy for code, we just let you write code.

Offices Fire Up Kitchens and Put Breakrooms on Ice | Out of Office

Forgot your typical office kitchen. Companies are starting to view office kitchens as an investment in their future.

Out of OfficeHumans at Work

Responsive Tables

Ghost comes with a beautiful default theme called Casper, which is designed to be a clean, readable publication layout and can be adapted for most purposes. However, Ghost can also be completely themed to suit your needs. Rather than just giving you a few basic settings which act as a poor proxy for code, we just let you write code.

Syntax Highlighting

'use strict';
var markdown = require('markdown').markdown;
function Editor(input, preview) {
  this.update = function() {
    preview.innerHTML = markdown.toHTML(input.value);
  };
  input.editor = this;
  this.update();
}

You can add inline code just like this, E.g. {{image absolute="true"}}

pre {
  background-color: #f4f4f4;
  max-width: 100%;
  overflow: auto;
}

Input Style

Buttons Style

Button

Button

Button

<button class='c-btn'>Button</button>
<button class='c-btn c-btn--small'>Button</button>
<button class='c-btn c-btn--full'>Button</button>

Footnotes

Footnotes allow you to add notes and references without cluttering the body of the document. When you create a footnote, a superscript number with a link appears where you added the footnote reference. Readers can click the link to jump to the content of the footnote at the bottom of the page.

Here's a simple footnote,^[1] and here's a longer one.^[2]