Pages (User Guide)
The standalone utility pages — help centre, invoices, email templates, errors, and cookies.
The standalone utility pages — the help centre, the invoice builder, the email-template library, the error screens, and the cookie-consent screens.
FAQ / Help Center
What it is: a searchable help/FAQ page — the kind you'd expose to your own users.
Where to find it: Pages → FAQ Page. Route: /faq.
How to use it
- Search for a question in the hero search box.
- Browse by topic using the category cards.
- Expand a question in the Q&A accordion to read the answer, and mark whether it was helpful.
- Use the sticky support panel for contact options.
Invoice builder
What it is: a live invoice builder — fill in a form on the left and watch a print-ready invoice render on the right in real time.
Where to find it: Pages → Invoice. Route: /invoice.
How to use it
- Fill in the form — the left side is an accordion covering sender/recipient details, line items, notes, and totals. Totals recalculate as you type.
- Upload a logo and signature if you want them on the document.
- Choose a template — pick Modern, Classic, or Minimal from the preview toolbar.
- Download a PDF — click Download PDF; your browser's print dialog opens with just the invoice (choose "Save as PDF").
- Export Excel — download a styled
.xlsxspreadsheet of the invoice. - Save / Draft / Send — these actions confirm with a toast (they're presentational in the template).
Tip: your work autosaves to your browser, so the invoice is still there when you return.
Email templates
What it is: a library of 12 ready-to-use, client-safe HTML email templates with an in-app browser to preview and grab them.
Where to find it: Pages → Email Templates. Routes are under /email/*.
| Template | Use | Route |
|---|---|---|
| Welcome | Onboarding a new user | /email/welcome |
| Order confirmation | Confirming a purchase | /email/order-confirmation |
| Payment due | Billing reminder | /email/payment-due |
| Forgot password | Password-reset link | /email/forgot-password |
| Activate | Account activation | /email/activate |
| Birthday | Celebratory / offer | /email/birthday |
| Large table | Data-heavy email (big table) | /email/large-table |
| Small table | Compact summary email | /email/small-table |
| Product drop | New-product announcement | /email/product-drop |
| Wrapped | Year-in-review recap | /email/wrapped |
| Winback | Re-engage a lapsed user | /email/winback |
| Preferences | Email-preference update | /email/preferences |
How to use it
- Open a template to see it rendered in a two-pane browser.
- Toggle dark and mobile previews to test how it looks in different clients.
- Copy the HTML or download it to use in your own mail system.
Error pages
What they are: immersive full-screen error screens for the common HTTP failures, ready to plug into a real deployment.
Where to find them: Pages → Error Pages. Routes: /error/404, /error/500, /error/503.
| Page | Meaning | Route |
|---|---|---|
| 404 | Page not found | /error/404 |
| 500 | Server error | /error/500 |
| 503 | Service unavailable | /error/503 |
How to use them: each offers a way back — a search of popular pages and links home. (The app also shows a not-found screen automatically for any unknown URL.)
Cookie consent
What they are: three styles of cookie-consent UI so you can match your site's tone, plus a full preferences panel.
Where to find them: Pages → Cookies. Routes: /cookies/v1, /cookies/v2, /cookies/v3.
| Screen | Style | Route |
|---|---|---|
| v1 | Full-width consent bar | /cookies/v1 |
| v2 | Boxed corner banner | /cookies/v2 |
| v3 | Inline advanced panel with per-category toggles | /cookies/v3 |
How to use them
- Accept, Decline, or Manage to open per-category preferences (Necessary is always on).
- On v1/v2 you can show the banner again to re-test the flow.
- Your choices are saved to your browser.
Tips
- These pages are practical templates you can adapt — a real help centre, real invoices, real emails, real error pages, and a compliant consent flow.
- Developers: the code-level reference for each of these pages lives in the developer documentation — start from the Getting Started guide.
Related
Was this page helpful?