Patterns

Built-in patterns

Fantasma comes with built-in patterns, ready-made sections you add to a page and then change. They are sorted into categories, in the same order in the Patterns panel and in the pattern picker. Your own patterns sit above them, in categories of their own such as Your patterns.

The Patterns panel with its categories, and the Hero patterns on the canvas

You add most of them with + between two sections or under Sections in the left sidebar, as Add a section to a page shows. Patterns from Dialogs and Cookie banner are added another way. In the icon rail, click Layouts, click a layout such as Default, then click + next to Overlays in the left sidebar. A section added from a pattern stays linked to it, as How patterns work explains.

Categories

Category

What they are for

Header

The top of every page: logo, menu, sign-in and subscribe buttons. Standard, Logo Left, Centered Logo, Minimal, Subscribe Focus and Creator Minimal.

Hero

The first section of a page: a big heading, a short paragraph and buttons, with or without a photo. Includes About layouts, background images, a search hero and launch, event, app and local business heroes.

Authors

Your writers as cards, rows, portraits or a directory, with their photo, bio and links.

Newsletter

A signup form with a heading, on its own, beside a photo, over a background image or with a checklist.

Products

Cards with your own images, text and links, such as categories of your offer or one featured item, in 1 to 4 columns.

Features

Cards with an icon, a heading and a line of text, to explain what readers get. Includes timelines, checklists and comparison strips.

Stats

Big numbers with a label, such as readers or issues published.

Testimonials

Quotes from readers, with names, photos and star ratings.

FAQ

Questions and answers in one or two columns. In some, an answer opens on a click.

Pricing

Membership Tiers, Tier Rows and Membership Split: your Ghost membership tiers with their prices and a signup button, as cards, as rows, or beside a list of what members get.

CTA

A call to action: buttons, a search field, social links, contact options or locations.

Forms

A form with a heading: Contact Split, Member Signup, Sign-in Split and Reader Survey.

Logo Cloud

Rows of logos, such as partners or press mentions.

Gallery

Photo grids: Grid, Masonry, Justified and Tiles.

Posts

Lists of your Ghost posts as grids, lists, a magazine layout or a reading feed, some with a sidebar.

Tags

Your Ghost tags as a directory, pills, rows or an index.

Recommendations

The sites you recommend in Ghost, as cards or rows.

Content

The parts of post, page, tag and author pages, which show that page's own data.

Footer

The bottom of every page: logo, links, social links and copyright.

Dialogs

Mobile Menu and Side Drawer, panels that a button opens.

Cookie banner

A consent banner: Compact bar, Corner card, Full-width bar and With choices.

Content patterns

The Content category holds the sections that read the page they sit on. Use each on the template of its kind, such as a post header on the Post template.

Group

Patterns

Post headers

Standard, Minimal Clean, Centered Editorial, Newsletter Issue, Opinion Column and Byline Share: the post title, excerpt, authors, date and tags. Byline Share adds a Share button beside the byline.

Page header

Page Header: the page title and excerpt.

Tag headers

Standard, Minimal, Left Aligned, Campaign Landing and Minimal Archive: the tag name and description, some with the number of posts.

Author headers

Standard, Compact, Social Focus, Minimal, Expert Bio and Creator Compact: the author's name, photo, bio and links.

Featured media

Featured Media: the post's feature image or video.

Error page

Error Message: the message and the way back home on the 404 page.

Post content

With Sidebar, Narrow, Share Sidebar and Share Footer: the body of the post or page. Share Sidebar keeps share icons in a column beside the text, and Share Footer ends the post with share links. They are offered only on post and page templates.

Several patterns share a name. Content alone has three named Standard, for posts, tags and authors. Their previews show which is which.

Hide the ones you don't use

You can hide built-in patterns, or turn all of them off, so the picker offers only the ones you want. Organize your pattern library shows how.

Was this article helpful?