Folioreader

FolioReader turns your portfolio into an e-reader. The interface stays in ink and paper, so your work is the only thing in full colour. It suits designers, developers and small studios who want a site that feels calm, bookish and a little unexpected.

Visitors open the site to a short typewriter intro that types the visitor's name and your draft line, then settles into the page. Headings come alive under the cursor with a colour lens. A floating toolbar holds theme, image mode and contact actions, each with its own tooltip.

Case studies run on the CMS, so adding a project is a matter of filling in fields. Each one has a cover, brief, before and after slider, screens, outcome figures and a quote. Sector filter chips on the home page sort the library.

Features

- Typewriter intro with optional sound, shown once per visit

- Colour lens headings that follow the cursor

- Light and dark themes with a soft circular reveal, following system settings until the visitor chooses

- E-ink and colour image modes

- Before and after compare slider

- Lightbox with a custom Close cursor

- CMS case studies with filter chips and per-page SEO fields

- Fully responsive across desktop, tablet and phone

- All colours and fonts set as styles, so rebranding takes minutes

- No code overrides. Every component exposes simple properties

- A Start Here card on the canvas with a step-by-step rebrand checklist