Skip to content
SloplessTry the picker

Hero library · editorial

Editorial columns

hero.editorial-columns: 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 ruled kicker bar spans the page; the headline runs 1–8 at step 7; below it a deck in 1–4 and a ruled text column in 5–8 start the story; a captioned 3:4 photo fills 9–12 beside both.
Slots
eyebrow, meta, headline, heroImage, lead, statement, cta
Grid
kicker full · headline 1-8 · deck 1-4 · column 5-8 · figure 9-12
Notes
Reads like the top of a feature page: the hero already contains running text. The text column has a left rule (column rule); body copy at step 0 with comfortable leading.

Do

  • Open with a full-width ruled kicker bar: section label left, byline or date right.
  • Set the headline in columns 1–8 at step 7, two or three lines.
  • Start the story inside the hero: a deck in 1–4 (italic if the body font ships one) and the opening paragraph of the story (a statement, not the deck repeated) with a left column rule in 5–8.
  • Place a 3:4 photo with a caption in 9–12, spanning both rows.

Don't

  • Don't centre anything; every block is flush left on its column.
  • Don't use buttons; the action is a 'Continue reading →' link.
  • Don't let body text run wider than 44 characters.

Phone width

  • Kicker (label and byline may wrap to two lines), headline (step 6), photo at 4:3 with caption, deck, then body column without the rule.

Live, in 3 styles it suits

In Broadsheet Newspaper

hero.editorial-columns · hero

Brand & product studio

Booking projects from June 2026

We make complicated companies simple to choose

Corvid Robotics — identity

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

Most rebrands fail because they start with a logo. Ours start with a sales call recording and a spreadsheet of lost deals.

Start a project
Desktop

Brand & product studio

Booking projects from June 2026

We make complicated companies simple to choose

Corvid Robotics — identity

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

Most rebrands fail because they start with a logo. Ours start with a sales call recording and a spreadsheet of lost deals.

Start a project
Phone, 390 px

In Editorial Magazine

hero.editorial-columns · hero

Brand & product studio

Booking projects from June 2026

We make complicated companies simple to choose

Corvid Robotics — identity

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

Most rebrands fail because they start with a logo. Ours start with a sales call recording and a spreadsheet of lost deals.

Start a project
Desktop

Brand & product studio

Booking projects from June 2026

We make complicated companies simple to choose

Corvid Robotics — identity

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

Most rebrands fail because they start with a logo. Ours start with a sales call recording and a spreadsheet of lost deals.

Start a project
Phone, 390 px

In Classical Bookish

hero.editorial-columns · hero

Brand & product studio

Booking projects from June 2026

We make complicated companies simple to choose

Corvid Robotics — identity

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

Most rebrands fail because they start with a logo. Ours start with a sales call recording and a spreadsheet of lost deals.

Start a project
Desktop

Brand & product studio

Booking projects from June 2026

We make complicated companies simple to choose

Corvid Robotics — identity

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

Most rebrands fail because they start with a logo. Ours start with a sales call recording and a spreadsheet of lost deals.

Start a project
Phone, 390 px