Scale comes with industry standard foundations and components that help you create more consistent products, faster.
Web components, properties and variants with thousands of combinations.
Semantic color and type styles.
Feather icons and custom status icons.
Hero, Feature, Social, Pricing, CTA and FAQ.
Use color in a meaningful way across your projects, toggle automatically between Light and Dark modes and watch updates ripple across every screen instantly.
Perfect hierarchy, zero math. Our t-shirt sized type scale uses fluid responsiveness to adapt flawlessly from Desktop to Mobile. No manual breakpoint tweaks required.
Don't build from scratch, just configure. Access a robust library pre-wired with variants, variables and properties. Simply drag, drop, and toggle the props to match your needs.
Drag-and-drop sections that instantly inherit your global theme and resize perfectly for every device. Edit the master component once, and see it update everywhere.
Skip "blank canvas" paralysis. Start with professional page structures. Mix sections, apply your brand, and finish your site in a fraction of the time.
Web and App components, Properties and Variants with thousands of possibilities.
Semantic Color and Type Variables, Spacing, Border and Elevation.
Feather and status icons at 16, 24, and 32px.
Responsive Hero, Feature, Logo, Pricing, CTA, FAQ and Carousel modules.
Design for Apple's latest operating system with 14 new Liquid Glass components. Use custom icons instead of Apple's SF Symbols.
Scale's first Figma plugin. Helps you find the right semantic color variable when designing. Learn Scale's semantic spec as you go.
Use color in a meaningful way across your projects, toggle automatically between Light and Dark modes and watch updates ripple across every screen instantly.
Perfect hierarchy, zero math. Our t-shirt sized type scale uses fluid responsiveness to adapt flawlessly from Desktop to Mobile. No manual breakpoint tweaks required.
Don't build from scratch, just configure. Access a robust library pre-wired with variants, variables and properties. Simply drag, drop, and toggle the props to match your needs.
Drag-and-drop sections that instantly inherit your global theme and resize perfectly for every device. Edit the master component once, and see it update everywhere.
Pay once and get a lifetime of updates. This section is an example of a "Detached" Section component.
Everything you need to know about Scale.