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.
- 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
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.
Please support us follow our socials