Discover the best styles websites created by professional designers. Get inspired and start planning your perfect styles web design today!

Edgar Allan

This is the base document for Knockout.

Knockout is an end-to-end Figma to Webflow framework that helps designers and Webflow developers accomplish more together.

We created Knockout to solve many issues we encountered over the years of working in Webflow as an agency. The resulting toolset defines our approach to all projects, from single-page sites to large-scale, long-term enterprise engagements.

Put another way, this should help you knock sh*t out, day in and day out.

An example Marketing site can be found here:
https://webflow.com/website/madewithknockout

Knockout Framework v1.0

Knockout Webflow Framework

ITA Group

A style guide template you can use to setup the base styles in your project! There is also a "Grid" page with the Bootstrap 4 style columns.

Starter Style Template

Style Guide Template

This project has a style guide that allows you to easily set the baseline styles for your site so you can start building quickly! 

It also has pre-built components and more advanced elements (like buttons with code to send events to Google Analytics)

Visual Dev System

visual-dev-system

Foundations is a starting point or foundation of styles to start your project with thats based on bootstrap. I'll be updating this when i find better ways to do things or add more components. Also would be good to know if anyone has any suggestions on improvements I can make.

foundations

Foundations - A starting point

Simple stylesheet to help begin new websites!

- "Home" page is created using symbols & common elements.
- "Styles" page defines most website CSS. Use this to define all website copy and color styles, then copy this page and rename "styles".

v1.5

*BEGIN NEW*

Begin New Webflow

We’ve got something important to tell you about fonts and we think about it. And.. it’s not great

fuckhelvetica

F*ck helvetica

Seattle New Media

We helped this team clean up their Webflow website with a new style guide, by seittng proper CSS usage, and more.

Placewise (Showcase)

Placewise

This client is in the music venture capital business.  They wanted a very particular look-and-feel.  The client was very happy with the results.

Sound Credit (Showcase)

Sound.credit

Currently on a mission to build a seamless (as possible) workflow between Figma & Webflow...

Step 1 build Design system in Figma & Mimic in Webflow.