Meet Forest,
The Webflow Kit
Introduction
Forest Kit is the ultimate tool to create harmony across your products and design.
Over 1000+ compontents built specifically to speed up and improve the quality how you deploy and deliver digital solutions.
The Forest Kit is available for Webflow, Adobe Xd, Sketch and Figma to provide solutions across the majority of leading design software.
Seamless Collaboration
This system will help our designers and developers work together to ship high-quality products faster and more consistently while striving for a distinct design language.Seamless CollaborationAs our team and products grow, it becomes increasingly challenging to keep everything in sync.
We embedeed Figma components to ensure a perfect replica of the design on the site. These highly customizable components are built with React. Each designer and developer will work with the most up-to-date UI patterns to maintain cohesion across the teams.
Website Demos
Colour Palette
Primary Palette
Core Brand
Secondary Palette
Soft Brand
Typograhy Palette
Base Tone
Typograhy Palette
Neutral Tone
Typography Styles
Headings
Typeography - San Francisco 700
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
Body Copy
Typeography - San Francisco
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.
Elevation & Shadows
Elevation and Shadows
Outter Shadow, Inner Shadow
Avatars
Primary Buttons
Corner Radius
TB
TB
T
T
T
Buttons
Primary Buttons
Corner Radius
Primary Buttons
Rounded
Secondary Buttons
Line Button
Button Symbols
Line Button
Form Elements
Form Elements
Input Fields
Selection Fields
Notification
Input Fields
Notification Bars
Notification
Input Fields
Alert Modules
Alert Modules
Input Fields
Alert Modules
Selection Fields
Corner Radius
Alert Modules
Primary Buttons
Corner Radius
Primary Buttons
Corner Radius
Primary Buttons
Corner Radius
Alert Modules
Form Elements
Input Fields
Introducing new methods
In this week’s livestream, 5 community members agreed to put their web design skills to the test. In this week’s livestream
SuccessIcons
Icon Set 1
Feather Icons by @Cole
Icon Set 2
Font Awesome