Liferay's tokenized design system

Efficiënt ontwerpbeheer is een must voor elke organisatie die streeft naar een sterke, consistente merkbeleving. Met Liferay’s tokenized design system brengen we dit streven naar een hoger niveau.

Deze innovatieve aanpak zorgt ervoor dat je website – of zelfs meerdere platforms – in één vloeiende beweging kan worden beheerd, zonder de noodzaak van maatwerkcode!

Liferay maakt gebruik van design tokens, variabelen die belangrijke ontwerpkeuzes vastleggen zoals kleuren, typografie en spatiëring. In plaats van elke component of pagina afzonderlijk te stylen, beheer je alle elementen centraal in een stylebook. 

Dit betekent dat als je bijvoorbeeld de primaire kleur van je merk wilt aanpassen, je dit één keer in het stylebook doet. Vervolgens past het systeem deze wijziging automatisch toe op alle knoppen, links en andere gekoppelde elementen. Het resultaat is een consistente, schaalbare en eenvoudig aanpasbare gebruikerservaring.

Het beheer van website-ontwerpen kan tijdrovend zijn. Traditioneel moeten stijlen op diverse plekken handmatig worden aangepast. Met Liferay’s tokenized design system is dat verleden tijd. Dankzij het stylebook beheer je al je design tokens op één centrale plek:

• Kleurbeheer: Stel de primaire kleur van je merk in en laat deze automatisch terugkomen op alle relevante onderdelen. Een simpele aanpassing in het stylebook verandert de uitstraling van de hele website.
• Typografie: Definieer lettertypes en tekststijlen centraal. Een wijziging in de koptekststijl of regelafstand is direct zichtbaar op alle pagina’s.
• Spatiëring en lay-out: Leg marges en afstanden vast in design tokens. Met één aanpassing zorg je ervoor dat de ruimtelijke opmaak van je website overal in balans is.
• Live-preview: Met de live-previewfunctie zie je direct hoe je wijzigingen eruitzien voordat je ze publiceert. Zo weet je zeker dat elke aanpassing perfect is afgestemd op de gewenste uitstraling.

Geen maatwerkcode nodig - Met design tokens pas je stijlen eenvoudig aan, zonder dat er CSS of andere code aan te pas komt. Dit maakt het voor ook niet-technische teams mogelijk om zelf ontwerpwijzigingen door te voeren. Een kleine wijziging in het stylebook – zoals het aanpassen van de accentkleur – zorgt ervoor dat je website direct vernieuwd wordt, zonder tussenkomst van een ontwikkelaar.

Directe en consistente updates - Elke aanpassing in het stylebook wordt uniform doorgevoerd op de gehele website. Dit voorkomt dat pagina’s apart moeten worden bijgewerkt en minimaliseert de kans op inconsistenties. Of het nu gaat om een nieuw lettertype of een gewijzigde spacing, je bent verzekerd van een consistente uitstraling.

Schaalbaarheid en efficiëntie - Voor organisaties met meerdere websites of portals biedt Liferay’s systeem een enorme meerwaarde. Of het nu gaat om submerken of verschillende afdelingen: snel schakelen tussen stijlen zonder maatwerkcode bespaart niet alleen tijd, maar zorgt ook voor een uniforme merkidentiteit over alle digitale uitingen heen.

Naast het tokenized design system biedt Liferay ook Liferay’s lexicon, een gestandaardiseerd kader voor het ontwikkelen van interfaces binnen het Liferay-ecosysteem. Dit zorgt voor een samenhangend ontwerp en een consistente gebruikerservaring over al je producten en toepassingen heen.

Liferay’s tokenized design system vereenvoudigt en stroomlijnt het beheer van je websiteontwerp. Door design tokens en stylebooks centraal te beheren, blijft je site visueel consistent en professioneel – en dat allemaal zonder handmatige aanpassingen per pagina. 

Wil je weten hoe wij jouw digitale omgeving kunnen optimaliseren? Neem dan contact met ons op en ontdek de mogelijkheden!