Getting started

Installation

System.exe is distributed as a Webflow cloneable.

1. Clone the project

Open the System.exe cloneable link and click Copy project in Webflow. This gives you a full copy of the project — all variables, classes, and structure included.

2. Adjust your variables

Once cloned, open Variables in Webflow and update the primitive tokens to match your project's design:

Color

Replace the default brand color values
Typography

Adjust the base font family if needed; the scale can stay as-is

Don't touch semantic or component tokens yet. Change the primitives first and let the cascade do its job.

3. Start building

That's it. Your project is ready. The class system, token hierarchy, and type scale are all in place.