Leporello

About this template

Leporello is a portfolio for product and UI designers. The demo is Bram Lindeboom, a senior product designer in Amsterdam.

The home page is a folded paper book. Scrolling unfolds it page by page through your selected work, then the contents, notes and about. At the end the book closes and turns to its back cover, with your contact details.

At a glance

Home page book built from the CMS: choose which works appear and in what order

A CMS page for every work: project facts (company, role, team, duration, platform), six story sections (Context, My role, Approach, Solution, Result, What I learned) and a screens gallery with captions

Seven works and four notes included

Two categories, printed on white or black paper, and an Under NDA sticker for confidential work

Back cover with click-to-copy email, open in mail app, local time, LinkedIn, resume PDF and a QR code that saves your contact card

Work and Notes pages, an About page with experience, privacy and cookie pages, and a cookie banner with Accept and Reject

On phones the book becomes a vertical strip; with reduced motion it lies flat and scrolls sideways

Desktop, tablet and phone layouts

Free Google font Familjen Grotesk, original images included

Framer agent skills included

Two skills are saved in the project:

/works: add a case study, reorder the book or choose which works it shows.

/make-it-yours: replace the demo name, contacts, resume and colours with yours, on every page.

Support: hello@alexand.co