Client First Styleguide

0
5
1

Enhance your Webflow site with the official Client-First styleguide. Access utility classes for organized design. Streamline development with this cloneable. Stay organized and build quickly with client first.

js library

No items found.
About cloneable

As the official project starter for Finsweet's Client-First, this cloneable provides a comprehensive style guide with utility classes for organized and scalable Webflow sites. Users will benefit from easy access to wrapper/container classes, text styles, button combos, color palettes, and essential utility systems like hiding and pointer events. Implementing this cloneable will streamline development and ensure consistency using Finsweet's Client-First methodology.

This CSS code snippet includes various styles to improve text legibility, focus states for keyboard navigation, inherit color styles, adjust margins and padding, and limit the number of lines for text elements. It also includes media queries to hide elements on different screen sizes.

About custom code

This CSS code snippet includes various styles to improve text legibility, focus states for keyboard navigation, inherit color styles, adjust margins and padding, and limit the number of lines for text elements. It also includes media queries to hide elements on different screen sizes.

similar cloneables
New
SplitText text animation Webflow cloneable
Easily enhance your website with engaging SplitText text animation effects using this Webflow cloneable. Elevate user interaction with interactive elements and sound effects on hover and click events. Ideal for adding dynamic effects to your site.
New
Seamless Page Transitions Webflow cloneable
Discover a Webflow cloneable with seamless page transitions, perfect for showcasing smooth transitions between pages using Webflow Interactions and custom CSS. Elevate your website's user experience with this impressive feature.
New
Automatic Tab Transitions Webflow Cloneable
Enhance your Webflow site with vertical alignment, dropdown text wrapping, and maximum width settings. This cloneable by Refokus includes automatic tabs for seamless navigation. Perfect for dynamic user experiences and organized content display.
New
3D Scroll Parallax effect Webflow cloneable
Discover an engaging 3D scroll effect Webflow cloneable by Kevin Haag. Elevate user experience with unique Snapping 3D Slide Transitions, dynamic card rotations, opacity changes, and more. Enhance website navigation with stunning visual effects.
New
Snap Scroll Webflow cloneable
Elevate your Webflow design with a Snap Scroll Webflow cloneable by Neue World. This CSS solution offers smooth vertical scrolling with snap points for seamless transitions between sections. Customize scrolling behavior and duration for a modern user experience.
New
Looping Splide.js CMS slider Webflow cloneable
Create a dynamic CMS slider with Splide.js using this Webflow cloneable by Peter Dimitrov. Featuring infinite looping and customizable options like text descriptions and navigation buttons. Perfect for showcasing team members or other content.
New
Sticky Image Scroll Effect Webflow cloneable
Enhance your site with the Sticky Image Scroll Effect Webflow cloneable. Create a dynamic split-screen design with a sticky project teaser image scroll animation. No custom code needed for a visually engaging experience. Implement this versatile tool effortlessly.
New
CSS link hover effects Webflow cloneable
Enhance your website with 20 unique CSS link hover effects using this Webflow cloneable. Elevate user experience and add dynamic micro-interactions effortlessly. Perfect for easy customization without complex coding.
similar cloneables