New open-source Ghost themes

We've shipped three shiny new Ghost themes to the Marketplace that are ready to use, fully open-source, free and extensible. Plus: a new starter theme for developers!


This is a companion discussion topic for the original entry at https://blog.ghost.org/free-ghost-themes/
5 Likes

Hell yeah !!

Hi Kym,

I really enjoy London! Over Elements we can see styles.

Would you share the source of this page? I’m particularly curious about re-creating the:

  1. the Buttons
  2. the forms
  3. the grid system

These elements were quite missing from the previous theme :) Can’t wait to use them. Thank you!

Hey, the London theme is free and fully open source, there are links to all of the downloads in the blog post attached to this thread. You can download the London theme here.

Hi again,
I’m aware that I can download the theme :slight_smile: What I’m asking here is the source that made the element page possible. I guess we need to use the HTML and/or Markdown card in Koenig. There is no doc about using these elements.

How can we recreate these?

1) Button

48%20AM

2) Forms

56%20AM

3) Grid

02%20AM

Thanks!

Hey again!

The styling for these elements is available in the repository for the London theme and if you inspect the HTML of the elements page you mentioned you can see how the page has been built.

You can use these elements on pages directly in your theme files, or you could also use a HTML card in the editor as you mentioned. Since the elements of a Ghost theme vary so much, there’s no specific documentation for this.

This is just amazing :heart_eyes: :tada:

I have a quick question: is there a demo of the new starter theme for developers anywhere? I know it’s designed to run locally and develop your own theme but I am just curious what it looks like out of the box :thinking:

Thanks again for everyone’s amazing work :tada:

The starter was built using the London theme as a foundation. There’s no demo site, as it’s not intended to be used out of the box but rather as a framework for developers to build on top of :smile:

1 Like

Here is what I was looking for.

Markdown edition :slight_smile:

# Button

Everyone love buttons! Use them as a **call to action**.

### button primary

<a href="https://pascalandy.com/" class="button primary">See my blog</a>

```
<a href="https://pascalandy.com/" class="button primary">See my blog</a>
```

### button primary (with an icon)

<a href="https://pascalandy.com/" class="button primary"><i class="fas fa-fire"></i>&nbsp;&nbsp;See my blog</a>

### button

<a href="https://pascalandy.com/" class="button">See my blog</a>

### button primary large

<a href="https://pascalandy.com/" class="button primary large">See my blog</a>

### Button small

<a href="https://pascalandy.com/" class="button small">See my blog</a>

### button primary fit

<a href="https://pascalandy.com/" class="button primary fit">See my blog</a>

### button fit

<a href="https://pascalandy.com/" class="button fit">See my blog</a>

### button primary fit small

<a href="https://pascalandy.com/" class="button primary fit small">See my blog</a>

### button fit small

<a href="https://pascalandy.com/" class="button fit small">See my blog</a>

### button primary disabled

<a href="https://pascalandy.com/" class="button primary disabled">See my blog</a>

### button disabled

<a href="https://pascalandy.com/" class="button disabled">See my blog</a>
2 Likes

Thanks for the response :+1:

If anyone reading this thread is interested in what the starter theme roughly looks like they can check out:

https://create-empress-blog-template.netlify.com/

Here is a screenshot

You’re right, it doesn’t look like much out of the box :joy: but it is really useful to know how to structure your templates and partials :tada:

1 Like

Yes, it is useful for structure and templates detail