Meet Quanta: Plone's Style Guide


Oct 28, 2021 from 4:10 PM to 4:40 PM

Track 1

The web development workflow often includes the look and feel for the website, intranet or app you are building. The way that designers and developers communicate over the years have changed over time and so the tools used. From PDF mockups to Figma, through Sketch and Zeplin. Nowadays, the most complete way to communicate and model a look and feel is through living style guides.

A living style guide is the place of reference that developers and designers alike go to checkout the design baseline and look and feel of a project. It also holds record of code standards that details the various basic blocks, components, elements and patterns of a site or application.

So, by having this at hand, both developers and designers know the baseline and can easily build brand new components of any complexity, based on the basic blocks stated by the Style Guide. Also, they provide the starting point for new look and feels that different projects might require, without having to reinvent the wheel every time.

Style guides story in Plone started with Pastanaga UI, and now it has evolved to the next level with Quanta.

Recorded talk