Menu
All portfolio
Client-First
Client-First is a set of guidelines and strategies to help build Webflow websites.
![](https://cdn.prod.website-files.com/61819aaca0e7ac73f85a2d54/6356cfcf5110b95b1e12d325_finsweet-portfolio-clientfirst-cover.webp)
We created documentation for Client-First, Finsweet's official Webflow style system.
Branding
Logo
The logo symbolizes many parts of Client-First. The "_" and "-" characters are featured in pink and blue. "CF" (Client-First) are the featured letters of the icon. Everything is wrapped around a box, or a <div> block, to represent our favorite HTML element.
It was important to us to create a logo that can be recreated with HTML and CSS (in a simple way). In just a few minutes, anyone with beginner Webflow knowledge can build the Client-First logo in Webflow Designer. Cool!
Icon set
Do something different and simple, yet super cool and modern.
Done.
![](https://cdn.prod.website-files.com/61819aaca0e7ac73f85a2d54/6356d1ec27b4e8e29d84e853_finsweet-portfolio-clientfirst-icons.webp)
Before Webflow
After Webflow
Pages overview
![](https://cdn.prod.website-files.com/61819aaca0e7ac73f85a2d54/6356d0cd3c6c2048b15e4855_finsweet-portfolio-clientfirst-landing.webp)
![](https://cdn.prod.website-files.com/61819aaca0e7ac73f85a2d54/6356d2125110b9869c130397_finsweet-portfolio-clientfirst-docs.webp)