Heroes & headers

Fernlight · pattern library

Heroes & headers

Page-opening patterns: editorial heroes, a type-only hero, a cinematic cover, and section headers.


Editorial hero — fernlight/hero-editorial

A quieter way to publish

Stories with room to breathe.

Introduce the publication, its point of view, and what readers will find here.


Minimal page hero — fernlight/hero-minimal

Journal

A clear title for this page.

A short, useful introduction that sets expectations without overexplaining.



Typographic hero (no image) — fernlight/hero-type

Essays on a slower life

Write like the reader has all the time in the world.

A single supporting line beneath the headline — what this place is, in one breath.


Cinematic hero (full-bleed) — fernlight/wow-hero-cover

A quieter way to publish

Stories with room to breathe.

Introduce the publication, its point of view, and what readers will find when they slow down and stay a while.


Editorial section heading — fernlight/section-heading

Section label

A heading that opens the next idea.

Use one sentence to frame what follows and help readers decide where to focus.



Two-column intro — fernlight/section-two-col-intro

A heading that frames the section

An introductory paragraph that sits beside the heading and gives the section its context. Two or three sentences is plenty.

A second paragraph if the idea needs room to settle.


← Back to the pattern library