Skip to main content

Special Heading

An overline + title + subtitle heading block. Tabs: Content, Layout, Styling, Animations, Advanced.

Content

Overline, Title, Subtitle, Title Tag (H1–H6 / span / p).

Layout

OptionChoices
Alignment (and per-part Overline / Title / Subtitle Alignment)Left, Center, Right
Overline UppercaseOn/Off
Overline MarkerLine (—), Dot (●), Lines both sides (—— ——), Vertical bar (│)
Marker PositionLeading (before text), Trailing (after text)
Overline ContainerPill (filled), Pill (outline), Underline
Element SpacingTight, Relaxed
Heading Max WidthConstrain the heading width

Styling

OptionChoices
Title Display SizeDisplay 1 (largest) → Display 6
Subtitle Font Size / Subtitle Max WidthSubtitle sizing
ColorsOverline, Title, Subtitle, Background

:::note Screenshots — markers, containers & sizes Capture the overline marker/container variants and a couple of display sizes: special-heading-pill, special-heading-underline, special-heading-display-1. :::

Screenshots

note

Drop screenshots into static/img/shortcodes/ and embed them here.