Documentation
Northline
Theme-specific configuration and customization.
On this page
Routes
Northline uses a custom routes.yaml file for its editorial homepage layout.
Upload the provided routes.yaml to Ghost Admin > Settings > Labs > Routes. Back up your existing routes.yaml first.
| Route | Template | Description |
|---|---|---|
| / | home | Homepage with featured + curated areas |
Homepage
The Northline homepage is built from three content areas: a featured article, a curated story grid, and a newsletter signup.
These areas are populated by Ghost tags, not hardcoded IDs. Tag a post as 'featured' to surface it in the hero slot.
| Area | Tag | Description |
|---|---|---|
| Featured article | #featured | One pinned post at full width |
| Editorial | editorial | Curated section, up to 6 posts |
| Latest | latest | Curated section, up to 6 posts |
| Newsletter signup | — | Native Ghost signup form, no tag required |
Featured articles
The featured article area shows one pinned post at full width.
Use Ghost's internal tag #featured on any post. Only the most recent #featured post appears here.
The featured post shows its feature image, title, excerpt, and a 'Read more' link.
Curated areas
Below the featured area, two curated sections display tagged collections.
Use the tags editorial and latest (or configure your own in the theme settings). The sections show up to 6 posts each.
| Section | Tag | Default | Description |
|---|---|---|---|
| Editorial | editorial | Yes | Up to 6 posts tagged editorial |
| Latest | latest | Yes | Up to 6 posts tagged latest |
Branding
Upload your logo, publication icon, and cover image in Ghost Admin > Settings > Site > Design & branding.
Northline uses a light and dark logo variant. Upload a light logo for the main nav and a separate footer logo if desired.
The accent color is set via Ghost's built-in color picker (Ghost Admin > Settings > Site > Design & branding). Northline uses this for links, buttons, and active states.
Custom CSS
For small presentation changes, use Code Injection (Ghost Admin > Settings > Code injection > Site header).
Northline exposes CSS custom properties for the accent color and font stack. Override these without editing the theme files.
| Variable | Default | Description |
|---|---|---|
| --accent | #b34a2c | Primary link and button color |
| --font-display | Sfizia | Heading font stack |
Exact variable names are confirmed against the release build; treat the table above as illustrative until then.
Localization
Northline ships with English (EN) and Dutch (NL) locale files.
To switch the default language, update your Ghost publication language in Ghost Admin > Settings > Publication.
To add a new locale, duplicate the locales/en.json file and translate the strings. Upload the new file to the theme's locales folder.