De beeldtaal begint met pastelroze, lavendelkleurige en lichtblauwe vlakken die de pagina een luchtig, op desserts gericht karakter geven. Meerdere productfoto's zorgen voor het merendeel van de emotionele beleving, met name in de begincallage van tegels en de grote beeldgerichte productsecties. Het kleurenpalet en het beeldmateriaal versterken elkaar: zachte tinten houden de pagina speels, terwijl de foto's een herkenbare culinaire context en visuele focus bieden.
Grote redactionele koppen vormen een terugkerend kenmerk van de visuele identiteit. „IJssalon”, „Wat we doen”, „Vanille-ijs”, „IJs & veganistisch ijs” en „Neem contact op” zorgen voor heldere typografische ankerpunten zonder afhankelijk te zijn van lange lappen tekst. De drie ronde categorie-items verrijken het visuele systeem met een herhalende vorm, terwijl gesplitste kaarten en het overlappende webshoppaneel variatie binnen hetzelfde stramien brengen. Deze motieven zorgen ervoor dat het ontwerp een samenhangend geheel vormt, van het begin tot aan het productoverzicht.
De lagere secties voegen een gecontroleerd contrast toe. Een donker paneel voor de nieuwsbrief omsluit het e-mailveld, de knop „Aanmelden” en socialmedia-iconen, waarna de smalle donkere footer die diepere toon aan het einde herhaalt. Tegenover het lichte palet aan de bovenkant fungeren deze donkerdere zones als visuele ankers voor contact- en bindingscontent. Royale witruimte, compacte lopende tekst, gelaagde beelden en productgerichte fotografie creëren zo een herkenbare ontwerptaal voor de hele website, in plaats van slechts een enkel losstaand blok vorm te geven.
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.