Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.pagifye.com/llms.txt

Use this file to discover all available pages before exploring further.

Start with the Style Guide

Always begin your project by copying the Pagifye Style Guide into your Webflow file. This ensures:
  • Consistent colors, spacing, and typography
  • Seamless integration of future components
  • Alignment with your brand/design system from the start

Use Wireframes for Early Layouts

Each component includes a wireframe version to help with early-stage layout planning. Use these before adding color, imagery, or final copy to:
  • Focus on structure and content flow
  • Speed up iteration without visual distractions

Stick to One Theme Per Project

Choose one theme — Light, Gray, or Dark — and apply it consistently across your entire project. Mixing themes can lead to inconsistencies and extra maintenance. Only do so if you have a deliberate use case.

Use the Pagifye Sync Extension (Webflow)

If you’re working in Webflow, install the Pagifye Sync Extension to:
  • Keep classes aligned with the Style Guide
  • Prevent duplicate styles
  • Automatically map components to design tokens
  • Save time and reduce styling errors

Duplicate & Reuse Components

Pagifye components are fully modular. You can:
  • Duplicate sections across different pages
  • Rearrange blocks to create new layouts
  • Mix elements from different components to build custom sections
This speeds up development and reduces design debt.

Organize Your Files as You Go

A clean file equals to a smooth workflow. To stay organized:
  • Use consistent naming conventions
  • Structure your layers or folders logically
  • Remove unused sections from your working file
This improves collaboration and simplifies handoff to developers or other teammates.