Configuration

The Configuration page serves as the visual reference hub for the entire BRICKS framework. It showcases all global styles, utility classes, component patterns, and foundational design tokens used across your project. While it appears as a typical style guide, it's more than just a static collection—it's a fully variable-driven system.

All values displayed on this page, such as typography, color palettes, spacing, grids, border radius, buttons, and more, are dynamically powered by Webflow Variables. This means every token you see here is connected to a centralized system, making it incredibly easy to update and scale your design without manually editing each class.

Use this page as a live documentation of your front-end system. It reflects your brand’s design language in real-time and serves as a reference point for your team to maintain alignment across design, development, and content workflows.