The garden index

PLOTLINE / FIELD GUIDE

Make room for your own story.

Make room for your own story.

Make room for your own story.

A practical guide to the places, pictures and details that make this template yours.

A practical guide to the places, pictures and details that make this template yours.

01

Make the place your own.

Make the place your own.

Make the place your own.

Replace the Plotline name and fictional studio copy with your own identity. In Site layout, select each SiteChrome instance in navigation and footer mode to edit the brand, garden-index links, invitation, image and destinations. Keep the home anchors projects, approach and process consistent with the menu.

Replace the Plotline name and fictional studio copy with your own identity. In Site layout, select each SiteChrome instance in navigation and footer mode to edit the brand, garden-index links, invitation, image and destinations. Keep the home anchors projects, approach and process consistent with the menu.

02

Give every landscape a story.

Give every landscape a story.

Give every landscape a story.

In CMS > Projects, edit Title, Slug, Details, Note, Summary, Body, Photo and Destination. Photo supplies the full-width home scene and native project detail. Use broad, high-resolution garden images with descriptive alt text and check their crop on all three breakpoints. The detail route is /projects/your-item-slug. Keep published slugs stable, or add a redirect when changing one. The original Photo and Second View remain. Site condition, Design decision and Life in the garden edit the three new native story chapters; Material detail photo/caption edit the supporting close view and its alt text. Show seasonal pair is on only for garden-through-seasons. Its Early summer view/caption must match the existing late-season Photo in camera position, path, bench, trees and permanent structure. Keep the seasonal pair off for the courtyard and outdoor dining projects. These are illustrative design stories, not verified site surveys or client-completion records.

In CMS > Projects, edit Title, Slug, Details, Note, Summary, Body, Photo and Destination. Photo supplies the full-width home scene and native project detail. Use broad, high-resolution garden images with descriptive alt text and check their crop on all three breakpoints. The detail route is /projects/your-item-slug. Keep published slugs stable, or add a redirect when changing one. The original Photo and Second View remain. Site condition, Design decision and Life in the garden edit the three new native story chapters; Material detail photo/caption edit the supporting close view and its alt text. Show seasonal pair is on only for garden-through-seasons. Its Early summer view/caption must match the existing late-season Photo in camera position, path, bench, trees and permanent structure. Keep the seasonal pair off for the courtyard and outdoor dining projects. These are illustrative design stories, not verified site surveys or client-completion records.

03

Connect a real conversation.

Connect a real conversation.

Connect a real conversation.

SiteChrome Local enquiry validates the native form and shows a local thank-you confirmation. It does not send contact details or create a booking. Keep the native layer named Contact form. To enable real delivery, turn Local enquiry off on the navigation and every active override, then configure Contact form → Send to with a verified destination. Update the confirmation and privacy information for your business and test actual receipt. A booking or payment provider requires its own verified flow.

SiteChrome Local enquiry validates the native form and shows a local thank-you confirmation. It does not send contact details or create a booking. Keep the native layer named Contact form. To enable real delivery, turn Local enquiry off on the navigation and every active override, then configure Contact form → Send to with a verified destination. Update the confirmation and privacy information for your business and test actual receipt. A booking or payment provider requires its own verified flow.

04

Keep the visual rhythm.

Keep the visual rhythm.

Keep the visual rhythm.

The palette is paper #F4F0E5, pine #20372E, clay #C54E28 and pale leaf #CDD5A5. Fraunces 500 gives headings their shape; DM Sans 400/500 carries body copy and actions; DM Mono labels the details. Edit native styles and explicit canvas overrides together. SiteChrome and GardenThreshold expose Custom fonts switches; enable one to use its editable font controls. Otherwise the intended family fallbacks remain active.

The palette is paper #F4F0E5, pine #20372E, clay #C54E28 and pale leaf #CDD5A5. Fraunces 500 gives headings their shape; DM Sans 400/500 carries body copy and actions; DM Mono labels the details. Edit native styles and explicit canvas overrides together. SiteChrome and GardenThreshold expose Custom fonts switches; enable one to use its editable font controls. Otherwise the intended family fallbacks remain active.

05

Move with the landscape.

Move with the landscape.

Move with the landscape.

GardenThreshold controls the opening title, description, Garden photo, optional Planting PNG and action link. SiteChrome controls the bounded garden-index menu and photographic footer. PlotMotion overrides add restrained movement to native scenes and headings. Scrolling stays native, and reduced-motion preferences show readable final states. Review forward and reverse scrolling, menu keyboard focus, links and layouts on Desktop, Tablet and Phone after edits.

GardenThreshold controls the opening title, description, Garden photo, optional Planting PNG and action link. SiteChrome controls the bounded garden-index menu and photographic footer. PlotMotion overrides add restrained movement to native scenes and headings. Scrolling stays native, and reduced-motion preferences show readable final states. Review forward and reverse scrolling, menu keyboard focus, links and layouts on Desktop, Tablet and Phone after edits.

06

Prepare the practical details.

Prepare the practical details.

Prepare the practical details.

Update the site title, description, favicon and social image before launch. Review every route and CMS slug, replace fictional content, and verify image rights and form privacy. The template uses native Framer features and has no paid animation dependency. Your domain, hosting or CMS capacity may require an appropriate Framer plan. Connected services have their own terms and costs.

Update the site title, description, favicon and social image before launch. Review every route and CMS slug, replace fictional content, and verify image rights and form privacy. The template uses native Framer features and has no paid animation dependency. Your domain, hosting or CMS capacity may require an appropriate Framer plan. Connected services have their own terms and costs.

07

About these imagined gardens.

About these imagined gardens.

About these imagined gardens.

The courtyard, seasonal planting and outdoor dining scenes are original AI-generated editorial images created for this template. They depict fictional gardens and illustrate a fictional studio; they are not evidence of completed client projects, ownership, awards or operated premises. Replace them with your own accurate, licensed work before presenting a real portfolio. Fraunces, DM Sans and DM Mono are selected through Framer.

The courtyard, seasonal planting and outdoor dining scenes are original AI-generated editorial images created for this template. They depict fictional gardens and illustrate a fictional studio; they are not evidence of completed client projects, ownership, awards or operated premises. Replace them with your own accurate, licensed work before presenting a real portfolio. Fraunces, DM Sans and DM Mono are selected through Framer.

Template support: luflow123@gmail.com

Preview privacy

Preview privacy

The preview form has no email, spreadsheet or webhook destination. Use sample details only; it does not send an enquiry. Framer supplies hosting, form processing and basic site analytics. If you email Lu Flow for template support, your message and contact details are used to handle that request. After remixing, connect your own destination and publish privacy information for your own business.

Framer privacy statement

Create a free website with Framer, the website builder loved by startups, designers and agencies.