The Page Editor is where you assemble the actual content of your brand guide. Each page is made up of components — hero sections, galleries, paragraphs, layout rows, and more — and the Page Editor gives you a visual, drag‑and‑drop workspace to arrange them exactly how you want.
If the Component Editor is where you edit individual pieces, the Page Editor is where you design the full layout.
From this screen, you can:
It’s a flexible, visual builder designed to help you create polished, professional brand guide pages.
When you open the Page Editor, you’ll see:
1. Page Title
Displayed at the top so you always know which page you’re editing.
2. Live Page Preview
A real‑time preview appears in an embedded frame.
As you add, remove, or reorder components, the preview updates automatically.
3. Page Actions
A toolbar with quick actions:
4. Save Page Button
Pinned to the bottom‑right corner so it’s always accessible.
5. Component List
This is the heart of the editor — a sortable list of all components on the page.
Each page is made up of components. These can include:
Each component appears as a card with:
Click Edit to open the Component Editor for that item.
➕ Adding Components
Click + Add Component to open the component picker.
Choose a component type, and it will be added to the bottom of your page.
Special Case: Layout Row
If you choose Layout Row, the editor creates a two‑column layout where each column can contain its own components. This is perfect for:
You can reorder components by grabbing the ⋮⋮ drag handle.
You can:
The preview updates automatically so you can see the new layout instantly.
🧩 Nested Components (Inside Layout Rows)
Layout rows contain columns, and each column can contain its own components.
Inside each column, you can:
This gives you full control over multi‑column layouts.
Click + Reusable to insert a component from your brand’s shared library.
You can add it in two ways:
Local Copy
Creates a standalone copy you can edit freely.
Global Component
Links to the shared global component.
Editing it will update every page that uses it.
This is perfect for:
Click Page Meta to edit:
Changing the slug automatically renames the page file and updates the page order.
💾 Saving Your Page
When you’re ready:
If you make changes to the layout, the editor will prevent you from editing components until you save — this ensures your layout stays consistent.
👁 Live Preview
The preview window shows the full page exactly as it will appear in the final brand guide.
It updates when you:
This gives you instant visual feedback as you build.
Only owners and editors can access the Page Editor.
If a user does not have permission for a brand, they cannot edit its pages.
The Page Editor is your layout builder — the place where you assemble the structure of your brand guide. It gives you:
It’s intuitive, powerful, and designed to help you build beautiful, organized brand guide pages.
