Homepage sections
Heading with marker
A typographic section where part of the heading gets a stylistic emphasis β italic accent or a hand-drawn underline.
How the marker works
Wrap the part of the heading you want emphasized in square brackets. Everything between [ and ] receives the marker style. The brackets themselves donβt show in the final output.
Example: As seen on [the GRAM.] renders as: As seen on the GRAM.
Marker styles
- Font highlight β the bracketed text becomes italic with the accent color (Maison Or style).
- Hand-drawn underline β a custom SVG curve below the bracketed text. Reads playful, editorial.
Settings
- Eyebrow β small caps text above the heading (optional).
- Heading β your headline with brackets around the highlighted portion.
- Marker style β Font highlight or Underline.
- Heading size β 50-200% (use lower for paragraph-style headings).
- Heading tag β H1 / H2 / H3 / H4 (for SEO semantics).
- Heading alignment β Left / Center / Right.
- Subheading β short paragraph under the heading.
- Body text β richer text editor for longer copy.
- Button label / link / style / size β optional CTA.
- Colors β background, heading text, marker/highlight color, body text.
When to use it
- As a brand-statement section between heavy product blocks.
- As an βAs seen onβ social proof line before press logos.
- As a mid-page tagline for the brand mission.