Basic
A dependable header that lets the copy lead
The plainest starting point: centred copy on a solid surface, no decoration. Ideal when the message should carry the section on its own.
style index
Nine header styles, one shared API.
Every section takes the same eyebrow, title, description and actions slot. Swap the style without touching the content.
Simple
A little more structure, still calm
Left-aligned copy on a soft neutral surface with a short accent rule. A measured default for marketing pages that want quiet hierarchy.
A contemporary split with a soft product panel
Copy on the left, a brand-gradient panel on the right, lifted by a soft radial glow. Current and polished without shipping a single image.
Layered panels without the image
A matte background keeps the section simple while the copy and floating panels still respond at different speeds to pointer movement.
Bold
Make the headline impossible to miss
A deep brand field, oversized tight display type and a solid colour accent. Built for launch pages where the message should dominate.
Clean
Restraint, whitespace and hairline rules
An airy, editorial header framed by thin rules with a muted palette. Lets refined typography and generous spacing do the work.
Split
One headline set across two fields
The viewport divides at an exact seam and the headline swaps ink colour as it crosses — two clipped copies of the same text, no images or blend modes. A bridge panel spans the join to hold the actions.
Marginalia
fol. 01 r
A header set like an annotated first page1
Everything here is type: a drop cap opens the description, numbered notes hang in a ruled margin column, and a folio line runs across the top. Built for products with something to actually say.2
3set in a single measure — no imagery, no ornament
Poster
Two fields, one seam, no decoration
A hard vertical split puts the headline on a solid dark field and the supporting copy on a light one. Poster composition without pins, paper tones or sideways credits.