The best way to build in Framer
Systemise spacing with global spacing blocks, padding and margin
Consistent spacing built in, from the get go. Control global section margins and top/bottom padding with a single parameter, site-wide. Unlock another way to build and space elements visually with spacing blocks. Learn how to use these spacing strategies.
Desktop to mobile responsiveness, right out of the box.
Out of the box, Framepad Starter has a default layer structure that's built with best practices in mind. Ship responsive, expert built sites in no time! Learn how the Starter layer structure works.
Define consistent typography, colours, container sizes, UI elements and more
Set up and keep track of all styles on your site with the Starter Style Guide. Define headings, paragraphs, text links, colors, container sizes, spacing sizes, buttons and more! Learn how to use the style guide.
All methods and guidlines
Designed to speed up your workflow
Adjust and control global page padding and margin, with a single parameter.
Define global section padding with a single parameter, to ensure consistent spacing.
Use spacing blocks to visually space elements without a complicated layer structure
Apply pre set heading styles, and customise them to fit your brand.
Style text with flexible and customisable pre set text styles, organised by size.
Document all styles, colors, spacing blocks and container sizes for a single source of truth.
Add pre-built and modular UI elements to any project. They're completely customisable and quick to add.
Built to work with Framepad Components↗. Get access to 200+ pre-built web layouts to speed your workflow.
Try out Framepad Components
Get a hold of the largest Framer component library & framework. Built for speed and consistency. You've never built a site this fast before.