Madeline

About Madeline

Madeline is a minimal, editorial photography portfolio template for Framer — built for photographers, studios, and creative agencies who want a gallery-first site with real motion, not just static grids.

What's included

  • An infinite, scroll-driven project rail with momentum scrolling and a centered "active" card that scales up as you move through it

  • Dynamic, CMS-connected category filtering — switch categories and the whole rail smoothly rearranges instead of cutting instantly

  • A CMS-powered "browse by category" section with preview images and live project counts

  • Two ready-to-edit CMS collections (Projects and Categories) — add, remove, or reorder your own work with no rebuilding required

  • A 3D gallery hero, scroll-reveal typography, a sticky scrolling timeline, a custom crosshair cursor, and a line-wave CTA banner — all custom code components, fully exposed as editable controls in the Properties panel

  • An editorial type system built on Instrument Serif, Inter, and IBM Plex Mono

  • Fully responsive across desktop, tablet, and phone

  • Clean, organized project structure — code files and components are grouped into folders (Home, About, Projects, Cards, Effects, Layout), not left as one long flat list

  • SEO-ready out of the box: unique title and description per page, semantic HTML landmarks throughout (header, nav, section, footer, button)

  • A built-in Style Guide page (Framer canvas only, not published) that walks through every customizable control, how the CMS is structured, how SEO is set up, and how to publish

Pages (5)

  1. Home — hero, About teaser, category browser

  2. About — narrative section and sticky scroll timeline

  3. Projects — the infinite CMS-driven project rail with category filters

  4. Project Detail — dynamic per-project page (title, images, description)

  5. 404