Introducing Hive
Design Guidelines
Produced by Oakland Studio
visit oaklandstudio.co
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
Brand Primary Palette
Neutral Palette
Typography Styles
Headings
Aa Bb Cc Dd Ee
Aa Bb Cc Dd Ee
Aa Bb Cc Dd Ee
Aa Bb Cc Dd Ee
Aa Bb Cc Dd Ee
Aa Bb Cc Dd Ee
Aa Bb Cc Dd Ee
Paragraph
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Additional Type
This line rendered as bold text.
This line rendered as italicized text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as deleted text.
You can use the mark tag to highlight text.
Avatars
Avatars
TB
TB
T
T
T
Badges & Pills
Notification Pills
Notification Badge
Banner Bars
Banners
Quotes & Lists
Quotes
You have power over your mind – not outside events.
Realize this, and you will find strength.
- Marcus Aurelius
You have power over your mind – not outside events.
Realize this, and you will find strength.
- Marcus Aurelius
Lists
- Example Item 1
- Example Item 2
- Example Item 3
- Example Item 1
- Example Item 2
- Example Item 3
- Example Item 1
- Example Item 2
- Example Item 3