Why fantasma is a great tool to build your Ghost theme without code?

In short: Fantasma is a Ghost theme builder that is based on the Source Ghost theme, where you can create your landing page with modules likes post list, tag lists and other classical modules like hero, newsletter, etc. Plus it allows you to also adapt tag, author and other template pages.

Why fantasma is a great tool to build your Ghost theme without code?

Context

I fought with Fantasma in the last week. But after putting many hours in it, I've got to love many aspects of it.

At the time of writing, the version of the website that you are navigating is fully made with the Fantasma Ghost theme builder.

What do I love about Fantasma

Here a few things I really love about this tool:

  • Modules: the most important modules to create a dynamic landing page are there: lists of posts, list of categories, newsletter block and basic blocks with text, images, headers, etc.
  • Generate the theme: Fantasma generates the Ghost theme for you and you can easily install it just in a few clicks, like you would with any other Ghost theme.
  • Looks good by default: The theme builder is based on the source template which looks good by default, so there is not a lot of tweaking to do to make it feel right.
  • Pretty optimized: for a no code theme builder, the result is a Ghost theme that is pretty optimized. When checking it with a Carbon Calculator, my website gets an A grade, which is a huge improvement to what Podia did.
  • No code, no vibe coding: It's not a thing you need to prompt, it's a tool that feels like a design tool, not you fighting with a robot that you have to debug.

What was I able to build with it

A screenshot of the home page with an oversized search bar, illustrated background and logos of clients
A screenshot of a list of tags
A screenshot of an article

Ghost code injection brings it further

There are things that I'm not really fond of, like the fact that the padding of modules is always the same between top and bottom. But that's something you can easily fix by adding a custom ID to the module in Fantasma and then via Ghost code injection you can add additional CMS to override that.

A screenshot showing the few lines of custom css I added to make the Ghost theme built with Fantasma work better with custom paddings and better placement of images in the bakcground.

This works nicely because it's really basic CSS that you add and you can then make a Hero module plus a Post Module fit together as they were part of the same thing visually like it's shown below between how it looks in Fantasma and how it looks with some minimal custom code.

written and sketched by hand

This article was written on a refurbished Remarkable II tablet with a type folio cover. The illustration was made drawn by hand on the same tablet.

Read More

Newsletter

Get Daniele's Monthly Service Design Digest

Get once per month an overview of all the new Service Design content I've created.

You register to get emails from Daniele. Unsubscribe anytime.