/

Documentation

/

Layout

Layout

The Layout system is thoughtfully designed to bring your pages and sections together into a seamless, cohesive experience. Each section is built to fit naturally within the template’s structure, ensuring consistent spacing, alignment, and responsiveness—so your content flows smoothly and adapts effortlessly across all devices.

Overview

Framer layout templates provide ready-made, flexible structures that help you build well-organized pages quickly. Designed with responsiveness and modularity in mind, they allow you to combine sections effortlessly while maintaining consistent spacing and alignment — making it easy to create polished, professional websites.

Default Layout

The Default Layout serves as the foundation for all pages, featuring the main navigation bar for easy site-wide access. Designed for consistency and usability, it ensures a seamless browsing experience by maintaining clear structure and intuitive navigation across your entire website.

Framer UI screenshot
Framer UI screenshot
Framer UI screenshot
Framer UI screenshot

Minimal Layout

The Minimal Layout offers a clean, focused canvas without a navigation bar or footer. Ideal for landing pages, standalone sections, or custom content, it provides maximum flexibility and simplicity — letting your content take center stage without distractions.

Framer UI screenshot
Framer UI screenshot
Framer UI screenshot
Framer UI screenshot

Documentation Layout

The Documentation Layout is tailored specifically for clear, easy-to-navigate content like guides and references. It features a structured sidebar navigation, streamlined for quick access to topics — helping users find information efficiently while keeping the reading experience focused and distraction-free.

Framer UI screenshot
Framer UI screenshot
Framer UI screenshot
Framer UI screenshot

Documentation CMS

The Documentation CMS-Driven Layout is designed to dynamically organize and display content managed through the CMS. It automatically updates navigation and pages based on your CMS data, ensuring your documentation stays organized, up-to-date, and easy to maintain without manual adjustments—perfect for growing knowledge bases.

Framer UI screenshot
Framer UI screenshot
Framer UI screenshot
Framer UI screenshot

Summary

The Layout system offers versatile templates to structure your site with ease and consistency. From the Default Layout with main navigation, to the Minimal Layout for focused content, and CMS-driven Documentation Layouts that update dynamically—each design ensures smooth navigation and a polished user experience across all pages.

Create a free website with Framer, the website builder loved by startups, designers and agencies.