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

ThreeSixtyEight

Clone Responsive Website Starter

Responsive Webflow Style Guide Clone

A basic style guide for beginners. If this project gets enough appreciation, I'll make a 2.0 Version with a full-on Design System + Layouts + Elements.

What's something you would want to see in an updated version?

Style Guide

Webflow | Style Guide

My simple style guide template to help set up your project with a strong system from the get-go, and keep all main styles in one place as you expand your website.

Find out more about style guides/design systems here: www.nikolaibain.com/blog/webflow-design-system
More about me: www.nikolaibain.com

Webflow Style Guide Starter

Webflow University

This is a Webflow style guide project that contains all Webflow's base tag elements (i.e. <p>, <h1>, RTE.). Easy to configure your design system when you start your new projects.

Sample style guide

style-guide-edu

Finsweet

Style your scrollbar visually and generate clean CSS to add to your Webflow website. Created by Finsweet for the Webflow community.

Webflow.io UI build: https://fs-scrollbar-styler.webflow.io/

Chrome Extension: https://finsweet.com/scrollbar-styler-extension

F'in sweet Scrollbar Styler

method zero

Method Zero by Pinkman is launching a new product where the guys will offer 3(!) design concepts to choose from and will build you up to a 6-block site in just 7 days and $1.5k.

Lite Method

Method Zero | Lite

Use this proposal on a test url for quick delivery to clients :0

Interactive Proposal

Flux Academy website style guide example. For more info:

https://www.flux-academy.com/

flux-structure

E-Learning website

elearning-website

As a content strategist, I'm a tiny bit obsessed with voice and tone guides. And when you're in the business of building them for companies, it can be handy to have a few to reference for inspiration. So I compiled a list of them available in the wild with Webflow CMS.

voiceandtoneguides

Voice, Tone & Content Guides

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

Simple and ready to use style guide, please leave a comment with any request
enjoy!!

designxstyle

Webflow style guide template

A mini beer blog featuring illustrations and reviews of craft beers.
Whether you like IPAs, saisons or stouts, we have a mini beer for you!

Drunk By James

drunk-by-james

ED. Studio

Emi Styles is a Canberra based session stylist specialising in bridal hair.

Emi Styles

👌  Ce projet clonable est issu de la formation webflow INIT Program.
Il accompagne un exercice de reproduction permettant de mettre en situation les acquis autour de la structure, du style et du responsive.

🔗  https://www.init-program.fr/

ameyask-vtheo

INIT Chap.2 - Ameyask (Obj. Reproduire la structure du site)

Introducing the Anti-Style Style Guide Clonable!

Get your base styling done quickly.

100% class free!

Anti-Style Style Guide

Anti-Style Style Guide (Basic Site)

Another year passes without this simple styling for forms! 

here is how I workaround for my project and though some of you could use this too. 
Feel free to copy for your own projects. Hope it is helpful. 
I added a simple dev blocks that you can edits visually for designers who aren't comfortable with code :)

Mehrshad's Awesome Project

Visually style your number picker (Spinner)

Daniliants Ventures

A website for a company that provides high-quality training services in the hairdressing industry.

Discover style websites built by the Webflow community

Discover style websites built by the Webflow community