About this template
What Pagina is
Pagina is a complete portfolio website for an independent designer or a small studio. It has nine pages: a home page, a work index with filters, a project case study, services with prices and an FAQ, an about page, a journal with articles, a contact page and a 404.
Every page is designed in light and in dark, and visitors switch between the two with a toggle in the header. The layout adapts to desktop, tablet and phone, so a case study reads as well on a phone as it does on a large screen.
You can get Pagina three ways. On Framer, projects and journal posts are CMS collections, so you add work without touching the layout. The code version is a React project with all content kept in typed files. On XOXI, Pagina is a profile theme: it fills itself from your profile and follows the colour and font you pick there. It is live on the XOXI website and comes to the iOS and Android app with the next app update.
Last updated
What's included
9 pages, ready to fill in
- 01HomeHero, client names, selected work, numbers, services, about, reviews, journal and contact
- 02WorkAll projects in a grid, with filters by type
- 03Project case studyBrief, approach, outcome, results and a link to the next project
- 04ServicesFour services with what you get, price and timeline, the process and an FAQ
- 05AboutStory, experience, tools and how you work
- 06JournalA featured post and a grid of articles
- 07ArticleA long-form reading layout
- 08ContactForm with a budget picker, other ways to reach you and short answers
- 09404A page for links that no longer exist
Features
- Light and dark mode with a toggle
- Responsive on desktop, tablet and phone
- CMS for projects and journal posts on Framer
- Project filters on the work page
- FAQ accordions on services and contact
- Phone menu that opens full screen
- Text, colours and images are yours to change
Code version
- React 19
- Vite
- Tailwind CSS 4
- TypeScript
- 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
Get free on Framer - 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
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
Sidelit
A multi-page photography portfolio where the photograph in view lights the page, with every frame shown whole 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.
