Branding
Branding is de ene plek waar je huisstijl staat: je logo, je kleuren, je lettertype en de vorm van je knoppen. De rest van iConfigure neemt dat over — de configurator die je bezoekers gebruiken, de e-mails die ze na een aanvraag ontvangen en de previewpanelen in de manager zelf. Je stelt het hier één keer in, niet per product.
Waar je het vindt
Manager → Design → Branding.
De pagina heeft links vier instellingenpanelen en rechts een preview die beide kanten naast elkaar toont: een nagebouwde configurator en een nagebouwde e-mail. Wijzig een instelling en beide werken direct bij, zodat je meteen ziet of een kleur die het in de configurator goed doet ook standhoudt in een e-mail.
Onder Design staan vier samenhangende pagina's. Branding is de gedeelde basis; Configurator gaat over de layout en het gedrag van alleen de configurator, Email ontwerpt de e-mails zelf en PDF ontwerpt je offerte-PDF's.
De instellingen zijn gegroepeerd in vier inklapbare panelen: Logo, Kleuren, Typografie & stijl en Vorm. Er staat er steeds één open.
Logo
Upload je logo als PNG met Logo uploaden. Het bestand wordt onder een vaste naam (logo.png) voor je bedrijf opgeslagen, dus een nieuwe upload vervangt de oude overal tegelijk — je hoeft hem nergens opnieuw te koppelen in een template of e-mail.
- Gebruik een transparante PNG, dan werkt het logo op een lichte én een donkere achtergrond.
- Het huidige logo staat naast de uploadknop. Er is geen verwijderknop: upload een nieuw bestand om het logo te wijzigen.
- De upload wordt meteen opgeslagen; hij wacht niet op Opslaan.
- Het logo komt ook terug in de offerte-PDF's — zie Template-editor.
Kleuren
| Instelling | Wat het doet |
|---|---|
| Primaire kleur | Je accent. Bepaalt de actieve stap, de volgende-knop, sliders, geselecteerde opties en de knoppen in je e-mails. Acht presets, of Eigen kleur voor elke andere waarde. |
| Achtergrond | Het vlak waarop je interfaces staan. Acht presets — Wit, Warm, Crème, Mist, Beton, Donker, Espresso, Inkt — of Eigen kleur. |
Een achtergrondpreset is meer dan een kleur: elke preset brengt een bijpassende set tekst-, gedempte-tekst-, rand- en paneelkleuren mee, zodat het contrast blijft kloppen. Donker, Espresso en Inkt zetten de hele interface om naar een donker schema. Kies alleen een eigen kleur als geen enkele preset past — de tekst-, rand- en paneelkleuren worden dan automatisch van jouw kleur afgeleid (een donkere eigen kleur schakelt ook naar een donker schema), dus controleer het contrast in de preview.
Omdat deze twee kleuren gedeeld zijn, geeft één wijziging zowel de configurator als de e-mails een nieuw thema. Meestal is dat precies de bedoeling; heeft de configurator iets nodig wat de e-mails niet moeten krijgen, stel dat dan in op Configurator.
Typografie & stijl
Lettertype stelt het font voor alles in. De kiezer biedt een samengestelde lijst onder Themalettertypen — Hanken Grotesk, Space Grotesk, Newsreader, Marcellus, Jost, Archivo, Oswald en System, dat het systeemfont van de bezoeker gebruikt en niets extra's laadt. Daaronder toont Alle Google Fonts de volledige Google Fonts-catalogus; typ in het zoekveld om elke familie op naam te vinden.
Groottes, vette/hoofdletter/cursieve koppen en de componenttekstgrootte stel je hier niet in: die staan per onderdeel op Configurator.
Vorm
Knophoeken bepaalt hoe rond elke knop is: Scherp, Zacht, Gebogen of Rond.
Dit geldt voor de knoppen in de configurator én voor de actieknoppen in je e-mails. De hoeken van componenten (optiekaarten, panelen, invoervelden) stel je apart in op Configurator, dus je kunt ronde knoppen met rechte panelen combineren als dat je stijl is.
Opslaan
Opslaan publiceert de branding in één keer naar je hele bedrijf — elke configurator, elke e-mail, direct. Verwerpen gooit niet-opgeslagen wijzigingen weg. Beide knoppen blijven uit tot er daadwerkelijk iets is gewijzigd. Cmd/Ctrl + S slaat ook op; Cmd/Ctrl + Backspace verwerpt.
Verlaat je de pagina met niet-opgeslagen wijzigingen, dan vraagt de manager of je Verder werken, Wijzigingen weggooien of Opslaan en weggaan wilt.
Er is geen aparte developmentversie van je branding, dus een save staat meteen live voor je bezoekers. Controleer de preview voordat je opslaat.
Tips
- Begin hier, vóór de pagina Configurator. Layoutkeuzes ogen anders zodra de kleuren en het lettertype kloppen.
- Test je primaire kleur ook tegen de e-mailhelft van de preview: een licht accent dat op een configuratorvlak werkt, kan als knoptekst in een e-mail onleesbaar zijn.
- Kies liever een achtergrondpreset dan een eigen kleur — de presets brengen bijpassende tekst- en randkleuren mee.
- System als lettertype is de snelste optie en laat nooit een font-laadflits zien.
Verder lezen
- UI-editor (ontwerp) — layout, componenten en animaties van de configurator
- Template-editor (offerte-PDF) — waar je logo ook terechtkomt
- Bedrijfsinstellingen — naam, adres en afzendergegevens
- Aan de slag met Manager