Design & Settings

Announcement bar

Ghost's site-wide announcement strip, how Neutrino sizes it, and the one thing it does to the hero that is worth checking before you publish.

Custom CSS and code injection

Where to put custom code so it survives every update, and the handful of theme conventions to follow so your CSS works with the design system instead of against it.

Corner style: rounded, pill or angular

One setting changes the shape of every button, card, input and image frame on the site. Rounded is the design as drawn; pill and angular are two complete alternatives.
The same Neutrino site in the three corner styles: rounded, pill and angular

Header and footer

The structural reference for both ends of the page — what each region contains, which setting fills it, and how both adapt to the reader's screen and whether they are signed in.

Navigation

How Neutrino's header and footer navigation work — including the second level Ghost's admin has no field for, and the parts that adapt on their own.
Neutrino header navigation with fly-out menus, on desktop and in the phone menu

Search

Search is on by default and needs no configuration — but it is Ghost's, not Neutrino's, and that determines what it can find and how far it can be styled.

SEO, sharing and metadata

What Neutrino emits for search engines and social platforms, which Ghost fields control it, and the two fields that pay for themselves on every post.

Every theme setting, explained

Neutrino adds fifteen settings to Ghost admin — three that change the whole look of the site, and twelve that fill in the header and footer. This is the complete reference, with defaults.
An overview of what Neutrino's theme settings change across a site