System
Menu

Componenten / Uitgebreid / Secties

Stappen

Genummerd proces in blokken, zoals op GXJ Beats. Geordende lijst.

UitgebreidSecties1 instellingensteps

Voorbeeld

Instellingen

Laden…

<ol class="gx-steps gx-steps--row">
  <li>
    <span class="gx-steps__no">01</span>
    <h3 class="gx-card__title">Kennismaken</h3>
    <p class="gx-card__text">We luisteren naar je merk en doel.</p>
  </li>
  <li>
    <span class="gx-steps__no">02</span>
    <h3 class="gx-card__title">Ontwerpen</h3>
    <p class="gx-card__text">Richting, beeld en tekst in één voorstel.</p>
  </li>
  <li>
    <span class="gx-steps__no">03</span>
    <h3 class="gx-card__title">Opleveren</h3>
    <p class="gx-card__text">Live, snel en klaar om te groeien.</p>
  </li>
</ol>

Instellingen

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

SleutelInstellingWaardenStandaard
layoutOpbouwrow columnrow

Richtlijnen

Toegankelijkheid

  • ol: volgorde is betekenis.

Wel

  • 3 tot 5 stappen.

Niet

  • Stappen zonder werkwoord.

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.
Call to actionAfsluitende oproep met één actie. Met amber gloed, beeld of rustig vlak.