Logo of MyStyleGuide.io, a platform for sharing style guides and branding resources.

Page Manager

Create, organize, and manage all pages in your brand guide.

The Page Manager is the central hub where you build the structure of your brand guide. Every page — from your brand overview to typography, colors, logo usage, and more — is created and organized here.

If the Page Editor is where you design each page, the Page Manager is where you control the overall architecture of your guide.

🌟 What You Can Do in the Page Manager

From this screen, you can:

  • Create new pages (custom or preset)
  • Edit existing pages
  • Duplicate pages
  • Delete pages
  • Reorder pages with drag‑and‑drop
  • Filter pages by name
  • View any page publicly

It’s a clean, visual way to manage the entire layout of your brand guide.

🧭 Page Overview

When you open the Page Manager, you’ll see:

Page Cards

Each page appears as a card showing:

  • Page title
  • Page slug
  • A preview image
  • Quick‑action buttons (View, Edit, Duplicate, Delete)
  • A drag handle for reordering

Search Bar

Filter pages instantly by typing part of the page title.

Create Page Buttons

Two options:

  • + Custom Page — start from scratch
  • + Preset Page — choose from pre‑built templates

Save Order Button

Appears below the page list.
Click it to save your drag‑and‑drop ordering.

➕ Creating a Custom Page

Click + Custom Page to open the modal.

Enter a page name — for example:

  • “Brand Overview”
  • “Typography”
  • “Logo Usage”
  • “Photography Style”

A new blank page is created with:

  • Your chosen title
  • A clean slug
  • No components yet

You can then open it in the Page Editor to start building.

🎨 Creating a Preset Page

Click + Preset Page to choose from pre‑designed templates.

Preset pages may include:

  • Hero sections
  • Galleries
  • Typography layouts
  • Color sections
  • Pre‑built content structures

You can rename the page before creating it.

Once created, you can fully customize it in the Page Editor.

✏️ Editing a Page

Click Edit on any page card to open the Page Editor.

From there, you can:

  • Add components
  • Reorder content
  • Edit text and images
  • Build multi‑column layouts
  • Preview the page live

👁 Viewing a Page

Click View to open the public version of the page.

This is exactly what visitors will see.

📄 Duplicating a Page

Click Duplicate to create a copy of any page.

This is perfect for:

  • Creating variations
  • Reusing layouts
  • Building multiple pages with similar structure

The duplicate appears immediately in your page list.

🗑 Deleting a Page

Click Delete on a page card.

You’ll be asked to confirm:

“Are you sure you want to delete this page? This action cannot be undone.”

Once deleted:

  • The page file is removed
  • It disappears from your page order
  • It cannot be recovered

🔁 Reordering Pages

The Page Manager supports full drag‑and‑drop ordering.

How it works:

  1. Grab the ⋮⋮ drag handle on any page card
  2. Drag the card to a new position
  3. Click Save Order to apply the new structure

This order controls:

  • Your navigation menu
  • The sequence of pages in your brand guide
  • How visitors move through your content

🔍 Filtering Pages

Use the Filter Pages search bar to quickly find a page.

As you type, the list updates instantly.

This is especially helpful for large brand guides.

🔐 Permissions

Only owners and editors can access the Page Manager.

View‑only users cannot create, edit, or delete pages.

🎯 Summary

The Page Manager helps you:

  • Build the structure of your brand guide
  • Create pages from scratch or templates
  • Organize pages visually
  • Duplicate and delete pages
  • Control navigation order
  • Quickly access editing tools

It’s the foundation of your brand guide’s layout and navigation.

More Tutorials

See All Tutorials
Modern, colorful MyStyleGuide.io logo with a sleek "M" design.

Sharing your brand just got easier

MyStyleGuide.io helps teams prevent off‑brand mistakes by giving everyone a single, reliable place to access your brand assets and guidelines. Built with thoughtful design and real‑world branding experience, it makes communicating your identity simple, consistent, and effortless
© 2023 - 2026 MyStyleGuide.io
  |  
Website Design by: 
Graphic Finesse