Skip to main content
Kaspert laat je de visuele identiteit van je publieke pagina’s aanpassen, zodat leden en ouders je organisatie meteen herkennen. Je logo en hoofdkleur verschijnen in de app-header wanneer je bent ingelogd, op alle publieke webshop-pagina’s, het inschrijvingsformulier en in gegenereerde PDF-rapporten en bonnetjes. Je configureert branding in Beheer (/admin) > Organisatie > Huisstijl aanpassen.

Wat je kunt aanpassen

Logo

Upload een willekeurig afbeeldingsbestand (PNG, JPEG, SVG of andere formaten). Het logo verschijnt in de app-header, webshopbestelpagina’s, het publieke inschrijvingsformulier en PDF-exports.

Hoofdkleur

Stel de accentkleur in die wordt gebruikt voor knoppen en interactieve elementen op alle publieke pagina’s. Voer een hex-code in of gebruik de kleurkiezer.

Je logo uploaden of wijzigen

1

Open de Huisstijl-sectie

Ga naar Beheer > Organisatie en scroll naar Huisstijl aanpassen.
2

Klik op 'Upload logo' of 'Wijzig logo'

Klik op de knop onder het logo-voorbeeld. Er opent een bestandskiezer.
3

Selecteer je afbeeldingsbestand

Kies een afbeeldingsbestand. De maximale bestandsgrootte is 2 MB. Kaspert weigert grotere bestanden.
4

Wacht tot de upload voltooid is

Er verschijnt een laadspinner terwijl de afbeelding wordt geupload naar de opslag van Kaspert. Zodra de upload klaar is, verschijnt een toastmelding en zie je het nieuwe logo onmiddellijk in het voorbeeld.
PNG-bestanden met een transparante achtergrond werken het beste in de app-header en PDF-exports. Vermijd brede landschapslogo’s: een vierkant of portretformaat (minimaal 200 x 200 px) past het beste in de ronde header-positie en in PDF-headers. Logo’s smaller dan 200 px kunnen wazig lijken op schermen met hoge resolutie.

Je logo verwijderen

Als je terug wilt naar de standaard (de eerste letter van je organisatienaam), klik je op de rode knop Verwijder onder het logo-voorbeeld. Het logo wordt onmiddellijk uit de opslag verwijderd en vervangen door de standaardplaatshouder op alle pagina’s.

Een hoofdkleur instellen

De hoofdkleur is de accentkleur die wordt gebruikt voor knoppen, gemarkeerde links en UI-elementen op al je publieke pagina’s: de webshop, het inschrijvingsformulier en de publieke onkostenindieningspagina.
1

Open de kleurkiezer

Klik in de rij Hoofdkleur op de kleurstaal links om een native kleurkiezer te openen, of typ een hex-code rechtstreeks in het tekstveld ernaast.
2

Kies je kleur

Selecteer een kleur met de kiezer of typ de exacte hex-code (bijvoorbeeld #1a7f4a). Het invoerveld accepteert 6-karakter hex-codes in hoofdletters of kleine letters.
3

Opslaan

Klik op Opslaan om de kleur toe te passen. Wijzigingen worden onmiddellijk doorgevoerd op alle live publieke pagina’s. Je hoeft niets te vernieuwen.
4

Terugzetten naar standaard (optioneel)

Klik op Reset om op elk moment terug te keren naar de standaardgroen van Kaspert (#1a8a6e).
Gebruik de officiële huisstijlkleur van je organisatie als hoofdkleur. Chiro-groepen gebruiken bijvoorbeeld meestal rood, terwijl veel Scouts-groepen groen of blauw gebruiken. Als je publieke pagina’s aansluiten bij de identiteit van je groep, zien de webshop en het inschrijvingsformulier er professioneel uit en zijn ze meteen herkenbaar voor ouders.

Waar branding verschijnt

Brandingwijzigingen worden onmiddellijk doorgevoerd. Er is geen aparte “publiceren”-stap. Het opslaan van een nieuw logo of een nieuwe kleur is voldoende.