Betaalbadges
De betaalbadges zijn ontworpen voor gebruik in de checkout, naast de andere beschikbare betaalmethoden.
De badges zijn beschikbaar in SVG- en PNG-formaat. Voor webimplementaties raden we aan om SVG te gebruiken voor optimale schaalbaarheid en een scherpe weergave op verschillende schermformaten en resoluties.
Voorkeursbadge – standaard
De betaalbadge met een zwarte achtergrond is de standaardvariant en heeft de voorkeur. Gebruik waar mogelijk altijd de standaardversie om een consistente en herkenbare implementatie te garanderen.
Er is een brede variant beschikbaar voor layouts waarin de standaardbadge vanwege afmetingen of beperkte ruimte niet optimaal past. Gebruik de brede variant alleen wanneer deze beter binnen de beschikbare layout past.
Standaard
Breed
Alternatieve badge – dark mode wit
Voor donkere interfaces is een alternatieve badge met een effen witte achtergrond beschikbaar. Gebruik deze variant wanneer de standaardbadge onvoldoende contrast biedt met de achtergrond.
Standaard
Breed
Alternatieve badge – dark mode transparant
Voor donkere interfaces is ook een transparante variant beschikbaar. Deze versie maakt gebruik van witte contouren om voldoende zichtbaarheid tegen donkere achtergronden te garanderen. Gebruik deze variant alleen op achtergronden die voldoende contrast bieden.
Standaard
Breed
Light & dark mode
- Gebruik in light mode de standaardbadge met de zwarte achtergrond.
- Gebruik in dark mode een van de beschikbare dark-modevarianten.
- Selecteer de variant die voldoende contrast biedt met de achtergrond van de interface.
- Gebruik uitsluitend de officieel aangeleverde varianten. Maak geen eigen light- of dark-modeversies.
Afmetingen & verhoudingen
Schaal de betaalbadge altijd proportioneel en behoud de oorspronkelijke beeldverhouding. Rek de badge niet uit, snijd deze niet bij, roteer deze niet en wijzig de verhoudingen niet.
Kleurgebruik
De kleuren en visuele uitstraling van de betaalbadges staan vast en mogen niet worden aangepast. Gebruik altijd een van de officieel aangeleverde assets.
Niet toegestaan:
- De achtergrond-, tekst-, contour- of merkkleuren wijzigen.
- De badge aanpassen aan je eigen merkidentiteit.
- Verlopen, effecten of transparantie toevoegen.
- De dekking (opacity) wijzigen.
- Afzonderlijke elementen verwijderen of aanpassen.
- De badge vervormen, roteren of bijsnijden.
- Eigen kleurvarianten maken.
On this page
- Betaalbadges