Protocore Style Guide
Protocore
We create award-winning websites for companies and mind-bending cloneables for makers by pushing Webflow to the bleeding edge...
About this Style Guide
We designed this style guide to help clients and makers develop deeper relationships with their projects. It lays out all the elements, tools, components, and resources used to develop them. Each chapter begins with a summary and some include tutorials from the top makers in our community to help reinforce you further. It's based on the Client-First methodology by Finsweet.
Why is on the list?
I like very much the clean organization of this system. The Style guide is pretty clean for any of the elements included. They have even a demo for easing, so you can get an idea about how your interactions will behave when animating. In general they use kebab-case nomenclature which is better for using code, sometimes they follow Client First.
They use divs instead of sections (this is ok as they tag them as secions in settings for SEO). For layouts they almost use grid for all, so if you want to practice grids, this is a good option.