Saved Components
Preferences
Webflow Style Guide
Select the Client-First style guide you are using in your project.
Recommended • The Relume Style Guide utilizes the same pre-built classes as the Finsweet Style Guide. However, the Relume Style Guide uses different CSS values for spacing and includes additional elements, such as shadow classes, icon classes, and color palettes. It is actively managed by the Relume team, making it easier for us to provide support.
The Finsweet Style Guide utilizes the same pre-built classes as the Relume Style Guide. It is actively managed by the Finsweet team and is the official style guide for Client-First.
Clone Style Guide
Webflow Spacing Strategy
Select the spacing strategy you’d like the components to use.

In Client-First, a "spacing wrapper" is a Div Block that wraps a child element and creates space between a sibling element.

In Client-First, a "spacing block" is an empty Div Block that creates space between two sibling elements.
No components found
Not finding what you're looking for?
Something isn't working
Try refreshing the page. If the error persists, please contact us.
No UI elements found
Not finding what you're looking for?
Loading components...
Something isn't working 😔
Try refreshing the page. If the error persists, please contact us.
No page templates found
Not finding what you're looking for?
Loading page templates...
Something isn't working 😔
Try refreshing the page. If the error persists, please contact us.
No categories found
Not finding what you're looking for?