For PETRONAS, tasked with creating a brand design that constantly evolves -  creating a design system that was versatile enough to take on infinite forms.

The idea of a flexible visual design system built around the visual identity of the  “PETRONAS dot”. It pays homage to Petronas core identity and emphasizes the brand’s expertise and technological capabilities.

The design system’s precise structure is rooted in PETRONAS logomark: The size of the logo in any collateral directly determines the grid system and each unit within it. Any change to the logo immediately affects the grid as well.

The Generative Design and Creative Coding based approach allows a large amount of employees to contribute to and connect to the brand. The system can output high resolution files as well as scalable vector files and motion pieces at the simple click of a button.

The flexible, dynamic and generative graphical system which is used as the backbone for all elements in a communication’s application.