System
Menu

Componenten / Uitgebreid / Secties

Call to action

Afsluitende oproep met één actie. Met amber gloed, beeld of rustig vlak.

UitgebreidSecties2 instellingencta

Voorbeeld

Instellingen

Laden…

<section class="gx-cta gx-cta--glow gx-cta--center">
  <div class="gx-cta__in">
    <p class="gx-payoff">Engineered with Precision.</p>
    <h2 class="gx-h gx-h--section">Klaar voor de 
      <span class="gx-metal">volgende</span>
       stap?</h2>
    <a class="gx-btn gx-btn--primary" href="mailto:dennis@gxj.ai">Mail dennis@gxj.ai</a>
  </div>
</section>

Instellingen

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

SleutelInstellingWaardenStandaard
styleStijlglow image plainglow
alignUitlijningcenter startcenter

Richtlijnen

Toegankelijkheid

  • Beeld decoratief (alt=""), contrast via verduistering.

Wel

  • Eén actie.

Niet

  • Formulier en knop tegelijk.

Verwant

HeroOpening van een pagina: beeld groot in beeld, kop met payoff, één of twee acties. Loopt vloeiend over in de volgende sectie.
KenmerkenRaster met diensten of voordelen: icoon of nummer, titel en één zin.
StappenGenummerd proces in blokken, zoals op GXJ Beats. Geordende lijst.