Skip to content
SloplessTry the picker

Hero library · editorial

Editorial drop cap

hero.editorial-dropcap: any design can use this hero. It suits the styles below; pairing it with another style makes the picker warn about a clash.

Rule
A narrow measure (columns 2–10) carries eyebrow, a headline, byline and rule; the opening paragraph runs 2–10 and starts with a four-line drop cap; a marginal note sits in 11–12.
Slots
eyebrow, headline, meta, lead, cta, caption
Grid
measure 2-10 · text 2-10 · margin 11-12
Notes
The opening paragraph's drop cap is four lines tall (dropCap: 4 = ::first-letter with initial-letter: 4, float fallback), three at phone width. Column 1 stays empty as the left margin.

Do

  • Keep everything on a 2–10 measure; column 1 is an empty margin and 11–12 hold marginalia.
  • Set the headline at step 6, regular weight; use italic only if the heading font ships one (never a synthesised slant).
  • Open the lead paragraph with a four-line drop cap (initial-letter or ::first-letter float).
  • Put one short marginal note in 11–12, muted (italic if the body font ships one), top-aligned with the lead.

Don't

  • Don't use a drop cap on more than one paragraph.
  • Don't add images or buttons with fills; the CTA is an underlined link.
  • Don't justify the lead without hyphenation (rivers); flush left is the default.

Phone width

  • Use the full width; drop cap shrinks to three lines; the marginal note moves under the lead.

Live, in 3 styles it suits

In Classical Bookish

hero.editorial-dropcap · hero

Brand & product studio

We make complicated companies simple to choose

Booking projects from June 2026

Northfold is a 14-person studio helping manufacturers, labs and B2B teams explain what they do — and look like they mean it.

Start a project

Corvid Robotics — identity

Desktop

Brand & product studio

We make complicated companies simple to choose

Booking projects from June 2026

Northfold is a 14-person studio helping manufacturers, labs and B2B teams explain what they do — and look like they mean it.

Start a project

Corvid Robotics — identity

Phone, 390 px

In Editorial Magazine

hero.editorial-dropcap · hero

Brand & product studio

We make complicated companies simple to choose

Booking projects from June 2026

Northfold is a 14-person studio helping manufacturers, labs and B2B teams explain what they do — and look like they mean it.

Start a project

Corvid Robotics — identity

Desktop

Brand & product studio

We make complicated companies simple to choose

Booking projects from June 2026

Northfold is a 14-person studio helping manufacturers, labs and B2B teams explain what they do — and look like they mean it.

Start a project

Corvid Robotics — identity

Phone, 390 px

In Broadsheet Newspaper

hero.editorial-dropcap · hero

Brand & product studio

We make complicated companies simple to choose

Booking projects from June 2026

Northfold is a 14-person studio helping manufacturers, labs and B2B teams explain what they do — and look like they mean it.

Start a project

Corvid Robotics — identity

Desktop

Brand & product studio

We make complicated companies simple to choose

Booking projects from June 2026

Northfold is a 14-person studio helping manufacturers, labs and B2B teams explain what they do — and look like they mean it.

Start a project

Corvid Robotics — identity

Phone, 390 px