RedTag Web Design System

This is a starter project file that is used at the beginning of every Webflow development project.

This file contains a one-page style guide with foundation-level styles. This includes everything from typography, color, iconography, brand elements (logos, favicon, OG image), effects (drop shadows and opacity) and Webflow default components. Styles that are updated on the style guide affect everything else in the starter file from classes to components.
‍
This file also contains a component library filled with pre-built components and are saved in the Components (formerly Symbols) library in Webflow. You can find the component that you want to use by searching in the Components panel on the left of the Webflow designer or you can use the command shortcut Ctrl/Cmd + E for the Quick Find menu. Feel free to modify this file to fit your Webflow project by going to the style guide page. Modify any components inside of the Component Library page.

The Starter Project File pairs with a Documentation site which keeps track of styles, class names, and component information found inside of the template.

Use the cards below to navigate to your desired section of the starter project file.

Leave any message you may have in the #design-dev channel on the RedTag Slack.