Componenten / Maatwerk / Merk

Merkkaart

Het World-vlak: beeld in een kaart met 50px hoeken, wit beeldmerk, payoff en merknaam in Munrolane, ronde pijlknop.

MaatwerkMerk3 instellingenbrand-card

Voorbeeld

Instellingen

Laden…

<a class="gx-plane gx-plane--tilt" href="https://partnerships.gxj.world" style="--brand-surface:#2b2e33" data-gx="tilt">
  <img class="gx-plane__img" src="/img/partnerships-700.webp" srcset="/img/partnerships-700.webp 700w, /img/partnerships.webp 1400w" sizes="(max-width:768px) 90vw, 720px" alt="" width="700" height="450" loading="lazy" decoding="async">
  <span class="gx-plane__shade"></span>
  <span class="gx-plane__title">
    <img class="gx-mark gx-mark--md" src="/marks/partnerships-white.svg" alt="" width="64" height="64" loading="lazy">
    <span class="gx-payoff">Selecting Suppliers with Flow.</span>
    <span class="gx-plane__name">Partnerships</span>
    <span class="gx-plane__go">
      <svg class="gx-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
        <path d="M5 12h14M13 6l6 6-6 6"/>
      </svg>
    </span>
  </span>
</a>

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
`brand`	Merk	`world` `ai` `studios` `events` `productions` `beats` `signatures` `partnerships` `design` `caniche`	`partnerships`
`visual`	Visual	`photo` `mark`	`photo`
`tilt`	3D-kanteling bij hover	aan / uit	`true`

Richtlijnen

Toegankelijkheid

Hele kaart is één link met de merknaam als tekst.
Kanteling uit bij reduced motion.

Wel

Titels over beeld in Munrolane-hoofdletters, niet te groot.

Niet

Beeldmerk op een cirkel.

Verwant

LockupBeeldmerk + officieel GXJ-woordmerk + haarlijn + merknaam in Aeroko Wide Bold. Altijd GXJ vooraan.

BeeldmerkOfficiële beeldmerken per business line, vrijstaand met zachte schaduw. Nooit een cirkel of plaatje erachter.

ArchieflijstGenummerde lijst met lockups en een korte notitie, zoals de index op GXJ World. Rij schuift in bij hover.