Componenten / Basis / Typografie

Kop en tekst

Koppen volgens de kleine GXJ-schaal, met payoff erboven en optioneel één accentwoord in het metaalverloop.

BasisTypografie6 instellingenheading

Voorbeeld

Instellingen

Laden…

<div class="gx-stack">
  <p class="gx-payoff">Engineered with Precision.</p>
  <h2 class="gx-h gx-h--section">Merken met rust en 
    <span class="gx-metal">precisie</span>
  </h2>
  <p class="gx-lead">Eén zin die uitlegt wat de lezer hier vindt. Rustig, kort en concreet.</p>
</div>

Instellingen

Alles wat je kunt variëren. Ook als query in de URL en als options in de MCP-tool get_component.

Sleutel	Instelling	Waarden	Standaard
`role`	Rol	`section` `hero` `sub` `card` `over-beeld`	`section`
`eyebrow`	Payoff erboven	aan / uit	`true`
`metal`	Accentwoord in verloop	aan / uit	`true`
`lead`	Inleiding eronder	aan / uit	`true`
`text`	Kop	tekst	`Merken met rust en precisie`
`payoff`	Payoff	tekst	`Engineered with Precision`

Richtlijnen

Toegankelijkheid

Eén h1 per pagina, daarna h2 en h3 zonder niveaus over te slaan.
Hoofdletters via CSS (text-transform), niet in de broncode: schermlezers spellen anders.

Wel

Kop maximaal twee regels.
Payoff altijd met punt erachter.

Niet

Verloop over een hele zin.
Gewicht onder 400.

Verwant

Label en payoffKleine tekstrollen: payoff (Aeroko, hoofdletters, punt), mono-label (Share Tech Mono) en sectielabel.

MetaalwoordHet GXJ-kleurverloop metaal, amber, koper op één accentwoord per kop.