De ontwerptaal begint met heldere pastelverlopen waarin paars, koraal, geel en wit samenkomen, in plaats van te leunen op één enkele huisstijlkleur. De openingsillustratie van een kassa staat naast de belangrijkste productboodschap op een zachte verlooptint. Hierdoor voelt het softwareonderwerp direct toegankelijk aan voordat bezoekers bij de meer informatieve gedeelten komen. Paars krijgt meer nadruk in het prijzenblok, terwijl koraal terugkeert als paginabreed contactvlak en zo een duidelijk eindaccent vormt.
Afgeronde kaarten vormen het belangrijkste terugkerende motief. Ze bevatten de vier functies voor cloudbeheer, de drie abonnementskeuzes en de zes geavanceerde POS-mogelijkheden, zodat operationele informatie en commerciële inhoud dezelfde beeldtaal delen. Ronde iconen voegen een verfijnd geïllustreerd detail toe aan de functiekolommen, en compacte schreefloze typografie ondersteunt korte labels en beschrijvingen zonder de concurrentie aan te gaan met de grotere productafbeeldingen.
De secties voor mobiel betalen en horeca verbreden de identiteit met kleurrijke retailsoftware-illustraties naast tekst en lijsten. Deze beeldende blokken voorkomen dat het visuele systeem vervalt in een eentonige reeks kaarten, terwijl de tussenruimtes en het kleurenpalet verbonden blijven met de rest van de pagina. Samen zorgen de verlopen, afgeronde vormen, iconen, typografie en illustratiestijl voor een vriendelijke productuitstraling voor retailsoftware. Hierdoor kan deze ontwerpidentiteit eenvoudig worden doorgetrokken naar verwante POS-pagina's zonder de herkenbaarheid van het product te verliezen.
Wanneer u Website Design Builder gebruikt, kunt u kleuren, lettertypen, koptekst en tekst, lay-out, kolommen en andere ontwerpelementen, evenals inhoud en afbeeldingen aanpassen.
Gebruik Thema-instellingen om de visuele basis van de website voor alle pagina's en secties vast te stellen. Stel algemene kleuren, lettertypen en typografie in, zodat de website dezelfde ontwerpstijl volgt in plaats van elke pagina afzonderlijk te stylen.
Kies een kleurenschema en lettertypecombinatie die passen bij het karakter van de website en verfijn vervolgens de kopteksten H1-H6, gewone tekst, links, knoppen, citaten, lijsten en andere typografische stijlen. Consistent gebruik van deze instellingen helpt bij het creëren van een duidelijke visuele hiërarchie en zorgt ervoor dat terugkerende ontwerpelementen herkenbaar blijven op de hele website.
Gebruik Animatie-effecten om het websiteontwerp dynamischer en interactiever te maken. Elementen en containers kunnen effecten zoals 'Uitvoeren bij weergave', 'Animatie bij hover' en 'Animatie synchroniseren met scrollen' gebruiken om content te tonen terwijl bezoekers door de site navigeren of om te reageren op gebruikersinteractie. Animatievoorinstellingen bieden kant-en-klare effecten die kunnen worden aangepast aan de visuele stijl van de website.
Pas dezelfde ontwerpstijl toe op gedeelde website-elementen zoals de header, het menu en de footer. Het Thema-instellingenpaneel brengt algemene stijlopties voor de hele site samen, waardoor het gemakkelijker is om een gecoördineerde look te behouden naarmate de website zich over meerdere pagina's uitbreidt.
Deze workflow maakt de template een handig startpunt voor het creëren van een website met een consistente visuele identiteit, gecoördineerde kleuren en typografie, gedeelde ontwerpregels en interactieve effecten op alle pagina's.