Ivy uses Framer’s built-in CMS for all dynamic content. Set up the collections in this order before adding any content.
| Collection | Powers | Minimum items before launch |
|---|---|---|
| Projects | Work Grid, Case Studies, Homepage work preview | 3 |
| Journal | Journal index, article pages, homepage Journal pull | 1 |
| Policies | Legal/privacy policy |
You can also add cookie settings page and accessibility page | 1 |
The most important collection. Every portfolio item on the site is powered by this.
| Field | Type | Required | Notes |
|---|---|---|---|
Title |
Text | ✓ | Project or client name |
Slug |
Text | ✓ | Auto-generated. Check it reads cleanly. |
Practice |
Option | ✓ | Branding, Web, or Full Scope |
Short descriptor |
Text | ✓ | One line. Max 8 words. What it was, not what you did. |
Year |
Number | ✓ | 4-digit year |
Banner image |
Image | ✓ | Landscape, min 1600×1000px. Appears on work grid. |
Brief |
Rich Text | ✓ | 2 paragraphs. The client’s situation, not your solution. |
Challenge |
Rich Text | ✓ | 1 paragraph. The specific tension this project had to resolve. |
The Work |
Rich Text | ✓ | 2–4 paragraphs. Thinking, not activity lists. |
Outcome |
Rich Text | ✓ | 1 paragraph. What changed for the client. |
Quote |
Text | — | Client testimonial. In full quotation marks. |
Quote attribution |
Text | — | Name, role, company. |
Live URL |
URL | — | Client’s live site. Appears as the ↗ link in metadata. |
Result 1 label |
Text | — | Web projects only. E.g. 3× enquiry rate increase |
Result 2 label |
Text | — | Web projects only. |
Result 3 label |
Text | — | Web projects only. |
Project images |
Image (multiple) | ✓ | 4–8 images. Mix of landscape and portrait works best. |
Full Scope seam text |
Rich Text | — | Full Scope projects only. The “Where It Joined Up” section. |
The Practice field and category (the same) drive the filter bar. Make sure every project has this set correctly before publishing. Projects without a Practice value won’t appear in filtered views.
The Short descriptor describes the output, not the process. Good: Brand identity for an architecture practice. Bad: We designed the brand identity for an architecture practice.
Result labels appear only on web projects. Leave them empty for branding projects — the fields simply won’t render.
| Field | Type | Required | Notes |
|---|---|---|---|
Title |
Text | ✓ | Specific enough to be disagreed with. |
Slug |
Text | ✓ | Auto-generated. Check it. |
Category |
Option | ✓ | Branding, Web, Process, or Industry |
Read time |
Text | ✓ | Format: 5 min read |
Published date |
Date | ✓ | Full date used for sorting. Month Year displayed on site. |
Cover image |
Image | ✓ | Landscape, min 1600×1000px. |
Opening paragraph |
Rich Text | ✓ | 1–3 sentences. The hook. No throat-clearing. |
Body |
Rich Text | ✓ | Full article. Use H3 for section headers. |
Author name |
Text | — | Defaults to studio name if empty. |