Themes & White Labeling voor SaaS platforms

Thema-instellingen

Op de pagina voor thema-instellingen kun je de uitstraling van je omgeving aanpassen. Wijzig achtergrondafbeeldingen, upload logo’s en stel branding-elementen zoals kleuren en typografie in, zodat deze passen bij de huisstijl van je organisatie. Stem de gebruikersinterface af op je bedrijfsidentiteit voor een consistente ervaring voor alle gebruikers binnen het platform. De thema-instellingen zijn verdeeld in 3 hoofdsecties: Branding, Algemene kleuren en Modelkleuren.

• Branding: Hier personaliseer je de belangrijkste visuele onderdelen van je omgeving, zoals header-achtergronden, logo’s en thumbnails. Dit zorgt voor een herkenbare merkbeleving op het platform.
• Algemene kleuren: Pas alle kleuren van de applicatie aan voor zowel Light als Dark mode. Hiermee stel je twee verschillende thema’s in per omgeving.
• Modelkleuren: Pas de kleuren van model-attributen aan. Zo kun je modellen makkelijk onderscheiden van de rest van de applicatie.
• Dataset-kleuren: Kies kleuren voor dataset-attributen. Zo kun je datasets visueel onderscheiden van andere onderdelen.
• Chart-kleuren: Pas de kleuren aan die in charts worden gebruikt. Geef je charts een eigen kleurenschema, los van de rest van de applicatie.

Merk je omgeving

Hier kun je de belangrijkste visuele elementen van je omgeving personaliseren, waaronder kopachtergronden, logo’s en miniaturen. Dit stelt je in staat om een consistente merkidentiteit te creëren over het hele platform. Of je nu je bedrijfslogo bijwerkt of een aangepaste achtergrond instelt, deze tools helpen je de uitstraling en het gevoel van je applicatie te verfijnen.

Algemene app-kleuren

Personaliseer de applicatiekleuren voor zowel Licht- als Donkermodus, wat je effectief twee complete themainstellingen voor elke omgeving geeft. Zorg ervoor dat je wijzigingen zorgvuldig test voor een goed contrast tussen tekst en achtergronden voor optimale leesbaarheid en gebruikerservaring. Met deze flexibiliteit kun je de look en feel van je platform volledig aanpassen aan de identiteit van je merk in verschillende modi.

Process Model-kleuren

Personaliseer de kleuren van Modeling-objecten en het canvas in zowel Light als Dark mode. Zo kun je per omgeving twee aparte thema’s instellen. Test altijd goed of het contrast tussen tekst en achtergrond voldoende is voor leesbaarheid en gebruiksgemak. Met deze flexibiliteit pas je de uitstraling van je platform volledig aan op je merkidentiteit in alle modi.

Dataset-kleuren

Personaliseer de kleuren voor Dataset-objecten en het canvas in zowel Light als Dark mode. Handig als je meerdere datasets toevoegt aan je modellen. Zo kun je datasets makkelijk onderscheiden binnen je MAP of MINE. Dataset-kleuren worden gebruikt voor attributen met gekoppelde data. Hiermee zie je direct welke attributen een actieve data-koppeling hebben. De hierboven genoemde kleuren zijn de standaardkleuren voor attributen zonder data. Ook de namen kun je aanpassen naar jouw eigen terminologie.

Chart-kleuren

Personaliseer de kleuren van Chart-objecten voor zowel Light als Dark mode. Dit wordt bijvoorbeeld gebruikt in de Norm-instellingen van Gauge-charts om goed, let-op en waarschuwing aan te geven. Ook de namen van de kleuren kun je aanpassen zodat ze aansluiten bij je eigen terminologie.

Visuele hulpprogramma’s

Als je wijzigingen aan het thema hebt aangebracht, geeft de achtergrond van de kleur aan dat er wijzigingen zijn aangebracht in dat specifieke attribuut.

Om een kleur te wijzigen, klik je op een gekleurde cirkel voor het gekozen thema (Light of Dark). Er verschijnt een kleurkiezer waarmee je een tint kunt selecteren of een HEX / RGB / HSL-waarde kunt invoeren. Als je niet zeker bent van de kleurwaarden, gebruik dan het “PipetIcon” om een kleur van ergens op het scherm te selecteren. Directe updates vinden plaats.

Voorbeeld van een thema

Ontdek verschillende manieren om het thema van je applicatie te veranderen. Hier is het originele thema aangepast om blauwe en groene varianten weer te geven.

Van origineel

Naar Blauw

Wijzigingen die zijn aangebracht waren: Tekstkleur, Lichaamskleur, Paneel (licht) kleur, Logoafbeelding, Logotekst en Header BG.

Naar Matrix Groen

”Keuze. Het probleem is keuze” – Neo (The Matrix Reloaded)

Process Model Kleuren

Pas de kleuren van de modelleerattributen aan om te verschillen van de rest van de applicatie. Dit zorgt voor een onderscheidende uitstraling van je modellen.