πŸ“˜ Vesperia documentation

Theme docs

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.

Made with Emergent