About this template
What Sidelit is
Sidelit is a complete portfolio website for a working photographer. It has no brand colour of its own. The home page opens on one photograph, edge to edge, with the headline, one line and two buttons on it, and the six series take that first screen in turn. The photograph in view lights the page: the background takes a little of the colour of that picture and changes as you scroll.
Every frame is shown whole, at its own ratio, with square corners. Nothing is cropped into tiles. It has nine pages: home, a work page with a grid view, an index view and a genre filter, a series page with a full-screen viewer, commissions, a journal, a note page, about, contact and a 404. The commissions page puts the business in plain sight: prices, what is included, how a shoot runs, a usage table, prints and common questions.
Every page is designed in light and in dark, with a toggle in the header, and the layout adapts to desktop, tablet and phone. The demo shows an invented architecture and landscape photographer in Lisbon. Its photographs are stock images for demonstration only, so replace them with your own work before you publish.
Last updated
What's included
9 pages, ready to fill in
- 01HomeOne photograph across the first screen, selected series, published work, commissions, how a shoot runs, prints, about, publications, journal and an enquiry band
- 02WorkAll series in a grid view or an index view, with a filter by genre
- 03SeriesA note on the series, the facts, every frame whole and a full-screen viewer
- 04CommissionsThree offers with prices, how a shoot runs, a usage table, prints and questions
- 05JournalNotes listed with their image, date and reading time
- 06NoteA long-form reading layout with whole frames and captions
- 07AboutPortrait, bio, facts, clients, publications and how you work
- 08ContactAn enquiry form that asks where, when and the budget, plus direct links
- 09404A page for links that no longer exist
Features
- Page colour that follows the photograph in view
- Full-screen viewer with keyboard, swipe and shareable frame links
- Grid and index views of the work, with a genre filter
- Light and dark mode with a toggle
- Responsive on desktop, tablet and phone
- CMS for series and journal notes on Framer
- Text, prices and photographs are yours to change
Code version
- React 19
- Vite
- Tailwind CSS 4
- TypeScript
- Motion
- React Router
- Content in typed files
Screens
A closer look
Taken from the live demo, in light and in dark, on desktop and on a phone.
Where to get it
Three versions, one design
Pick the one that matches how you build. The pages and the design are the same in each.
- Framer templateRemix it into your Framer account and edit on the canvas. Projects and journal posts run on the Framer CMS.
Free on FramerFramer Marketplace
- Code on Digital Silk RouteThe full source: React 19, Vite, Tailwind CSS 4, TypeScript. Host it anywhere and change anything.
$5one payment
Buy theme · $5 - XOXI themeA theme for your XOXI profile. Live on the XOXI website now; the iOS and Android app gets it with the next app update.
Includedfor Pro and Business+ members
Get it with Pro plan on XOXI
Want to see it first? View demo
More templates
Others you may like
Pagina
A multi-page portfolio template for independent designers and small studios, with light and dark mode.
Free on Framer · $5 code
Stint
A multi-page resume and CV website with a career timeline, a printable resume page, and light and dark mode.
Free on Framer · $5 code
Firstpass
A multi-page marketing website for an AI software product, with the product shown at work in the first screen. Dark by default, with a light mode.
Free on Framer · $5 code
Want one made for you?
Start with a free 30-minute call. You get a written plan and a fixed quote before any work begins.
Fixed quote. You own everything we make.
