NOW IN EARLY ACCESS

Introducing Starfire
Project Starter Kit

Elements is a collection of re-usable and common components to help power-up your webflow builds. Take control over global classes and class styles to guide your projects to success. Re-use this template for your clients style guides, documentation and more.

For more webflow cloneables

visit flowbase.co/clone

More Cloneables

Please support us follow our socials

Product Overview

Thanks for checking out the formly style guide.

Use this style guide to rapidly take control over global styles and power the direction of your webflow build.
Common components can be used across unlimted projects, and can provide a great place for your clients brand.

Feature Overview:

  • Comprehensive Style Guide & UI Library
  • Design - Colour, Typography, Shadow
  • Product - Banners, Forms, Buttons
  • Advanced Tabs & Platform Demos
  • Full Overview & Guides
  • World Class Support Team

Popular Use Cases

  • Clients Style Guide Page
  • Product Documentation
  • Webflow Website Style Guide

Global Styles

Instead of using classes, you must click the header then in the Selector drop-down where you would type in the class name, select “All H1 Headings” then make your change.  Same goes for all base heading elements. Click the element, choose “All heading 5”, then any changes you make to that will be reflected across all in the site.

Follow the same procedure for body text and paragraphs - which are specified on the Body element.  Select the body element, and from the Selector dropdown, choose “Body (All Pages)” and change the typography settings for that element.  These styles then flow through to the paragraphs and other generic text elements in the site.

How to Use

The fastest way to browse the kit is to go into preview mode and then select from the menu on the left site.

Once you're at a section you would like to clone you can simply copy (CTRL + C) on the elements parent wrapper and paste it to your own project. In order to copy components, you must first clone the library to your webflow dashboard.

More Cloneables

Please support us follow our socials

Colour Palette

Looking for more cloneables? Visit flowbase.co/clone

Brand Primary Palette

PRIMARY BRAND COLOURS
Primary Purple
#007bfc
Purple 002
#173151
Purple 003
#ffc4d3
Purple 004
#ffccaf
Purple 005
#a2e3ff
Primary Blue
#007bfc
Blue 002
#173151
Blue 003
#ffc4d3
Blue 004
#ffccaf
Blue 005
#a2e3ff
Primary Pink
#007bfc
Core
#173151
Cotton
#ffc4d3
Peach Puff
#ffccaf
Sky Blue
#a2e3ff

Typography Palette

HEADING & PARAGRAPH
Heading
#232936
Paragraph
#617283
Title Blue
#007bfc

Status Palette

states & status
Success
#f5fafd
Alert
#fefaf9
Info
#fefaf9
Warning
#fefaf9
Note: These colours represent certain product states & status - This includes Success, Warning, Danger and Info. These colours can be found on your global colour pallette.