Explore curated Style Guides inspired by top digital products. Preview palettes and typography, then apply clean Color and Text Styles to your Framer project with one click. A faster, smarter way to find your visual direction.
Style Directory helps you explore curated Style Guides inspired by top digital products.Browse palettes and typography to find your visual direction, then apply a clean style foundation to your project with one click.
Browse interpreted Style GuidesDiscover color palettes and typography inspired by high-quality product design.
Preview before applyingSee colors, font choices, and type scales directly inside the plugin.
Generate Color & Text Styles instantlyOne-click creation with clean naming, responsive breakpoints, and smart deduplication.
Create an on-canvas style guideBuild a visual Style Guide with linked text styles for easy reuse across your project.
Remove styles cleanlyThe plugin tracks everything it adds so you can undo or replace Style Guides safely.
Supports light and dark palettesMany Style Guides include both themes to give your project a stronger starting point.
Bring your own Style GuidesCreate custom Style Guides here:https://styles.framerlists.com/
Designers who want a better starting point than a blank canvas
Teams looking for consistent styles across multiple projects
Template creators who want professional color + type systems without hours of setup
All Style Guides are AI-interpreted and not meant to recreate any brand 1:1.Use them as guidance to shape your own visual identity.