Webflow Brand Guidelines

Scale your brand effortlessly with Flow Ninja's branding Guidelines template.

Clone to WebflowWatch Tutorial

Simple and easy brand guideliness template

Setup
Arrow pointing down
Description
Arrow pointing down
Featured Example
Arrow pointing down
FAQ
Arrow pointing down

Adding scripts

JS Script CDN:
<script src="https://flow-ninja-assets.s3.amazonaws.com/ninja-script/core.min.js"></script>
Copy to Clipboard
CSS Style CDN:
<link rel="stylesheet" href=”example.css">
Copy to Clipboard

Every time we started a project on Webflow, we repeatedly created a new Style Guide, repeating the same process. So we finally decided to make a Coneble Brand Guidelines.

You can use it t to kickstart each Webflow project, and make creating global websites so much easier! Also, we added some new Symbol Functionality on the components tab.

Adding Attributes

In this specific example we have two swipers

Main Swiper

"{attr.name}"
"{attr.value}
this will trigger swiper script
ninja-swiper
Copy icon
"
enabled
"
Copy icon
this will trigger swiper script

Thumbnail Swiper

ninja-swiper
Copy icon
"
enabled
"
Copy icon
this will trigger swiper script

Optional Attributes

ninja-swiper
Copy icon
"
enabled
"
Copy icon
this will trigger swiper script

Gather your brand assets in one place

Collect all brand images, logos, and more for your projects or your clients, all with a simple-to-use Brand Guidelines Webflow cloneable.

See Featured Example

Featured Example

Frequently Asked Questions

No items found.

Webflow, design and productivity tips

Just tips, no sales or offer emails ever.