RiseVerse Style Guide V2.1

Welcome to the RiseVerse Style Guide

This style guide is designed to be your foundation for fast designing, easy maintenance, and accessible Webflow sites using RiseVerse components.

It comes with a complete style guide page, pre-configured variables, and pre-built classes based on the Client-First 2.1 class strategy. The best part? You can clone this project for free and start building right away.

Why Use This Style Guide?

  • Optimized for Speed: With all variables and classes pre-set, simply clone the project and start building. When you copy and paste components from the RiseVerse Library, the styles sync automatically.
  • Unstyled Components: Our components are intentionally unstyled, giving you full control over the look and feel of your site.
  • Built-in Light & Dark Modes: Easily toggle between light and dark themes, saving you time when designing for both modes.
  • Accessibility Focused: Adhering to WAI-ARIA design patterns, our components are built to ensure an accessible experience for all users.

Getting Started Guide

Follow these simple steps to begin using this project:

  1. Clone the Style Guide
    If you haven’t already, clone this starter project to your Webflow account.
  2. Make this Page Your Home
    Rename this page to “Home” and set it as your homepage.
  3. Save the Style Guide page as Draft
    Once you're set up, save the style guide page as a draft to keep your project clean.
  4. Remove the Introduction Section
    Delete this "section_rv-styleguide-intro" once you’re ready to start building.
  5. Start Building
    Head to the RiseVerse Library, and begin copying sections into the main-wrapper of your project.

Need Help?

For additional guidance and more detailed documentation, visit our Documentation. If you have any questions, feel free to email us at gregoire@riseverse.com or contact us through our Support Page.

Happy designing!

Greg & Max

PS: This style guide and library are the summary of 5 years' experience building sites on Webflow and being inspired by great designers and developers who have generously offered the community a lot of value like AlignUI, Geist by Vercel, Radix, UntiltedUI, Remix icon, and Client-First by Finsweet.