Template guide

Make it yours in an afternoon.

1. Your name and number

Change the wordmark in the Navigation and Footer components. Search the project for “(415) 555-0142” and “sms:+14155550142” and replace both.

2. Colours and type

Edit the colour styles (Paper, Ink, Film, Sun, Night) and text styles. Every page uses them, so one change updates the site.

3. The film roll

Use cases, Stories and Journal are CMS collections. Swap each photo field; the strip on Home and the frames on every page update. Keep 3:2 photos for the strip.

4. Messages in photos

The bubbles on Home are plain text layers. Use cases pull their bubbles from the Request and Reply fields.

5. Motion

Overrides in Motion.tsx: withRollSlow (moving strip), withRotate (rotating word), withDay + withStep1–5 (pinned day), Ticker (live counters: set value and per minute). Remove an override to keep the static version.

6. Forms

Teams and Contact forms send to Framer’s form inbox. Point them at your own tool in the form settings.

7. Photo credits

All photos are from Unsplash (free licence), graded into one roll. Replace them with your own before launch if you prefer.

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