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.