Gray Arrow Left
Get Back
Help Center
Style Guide Icon
Style Guide
Style Guide Icon
Help
Style Guide Icon
Licensing
Style Guide Icon
Change Log

Step-by-Step Guide

Welcome, we understand that Webflow can be a bit confusing, this guide will help you get started. So grab a pen and paper and let's get started!

1. Control Your Design With Variables

Design tool interface showing variable settings for colors, listing tokens with their base color values and hex codes.

Centralized control → Update one variable and it applies everywhere.
‍Consistency → Keep colors, text, and spacing uniform across your project.
‍Flexibility → Change backgrounds, text colors, or accents with just a slider.
‍Efficiency → Save time by avoiding manual edits on each element.

2. Managing Your Content (CMS)

CMS interface showing collections with Case Studies and Blog Posts, and a list of case studies including Energy Grid Optimization and AI Implementation Strategy.

The CMS (Content Management System) is where you'll manage your dynamic content like Case Studies or Blogs.

  • Access the CMS: Click the CMS icon (stacked coins) in the top-left toolbar.
  • Choose a Collection: Navigate to the Case Studies or Blogs collection.
  • Edit or Add: Click on an existing item to change the text and images, or click the + New button to create a brand-new post from scratch.
Created by OVERSIGHT
Powered by WEBFLOW