Component Catalog

Editorial Header Block Editorial

  1. Home
  2. Blocks
  3. Editorial
  4. Editorial Header Block
Editorial

Editorial Header Block Introduces a section with an eyebrow, headline and optional intro

Introduces a section with an eyebrow, headline and optional intro. Use it to break a page into scannable sections.

When to use

This page shows the Editorial Header Block across background, alignment and spacing settings, then lists its fields.

Variations The same block across five settings

Left · Light 01bg: bgstyle-01 · align: left

Section

A clear, confident heading With a supporting sub-headline

The header block introduces a section with an eyebrow, headline and optional intro.

Center · Light 02bg: bgstyle-02 · align: center

Section

A clear, confident heading With a supporting sub-headline

The header block introduces a section with an eyebrow, headline and optional intro.

Right · Plainbg: bgstyle-00 · align: right

Section

A clear, confident heading With a supporting sub-headline

The header block introduces a section with an eyebrow, headline and optional intro.

Center · Dark 05bg: bgstyle-05 · align: center

Section

A clear, confident heading With a supporting sub-headline

The header block introduces a section with an eyebrow, headline and optional intro.

Center · Image BGbg: bgstyle-05 · align: center

Section

A clear, confident heading With a supporting sub-headline

The header block introduces a section with an eyebrow, headline and optional intro.

Field reference

FieldEditorRequired
contentEyebrowText
contentHeadlineText
contentSubheadlineText
contentIntroRich text