Twelvefold

Twelvefold turns a personal portfolio into an advent calendar. The home page fits on one screen with no scrolling: twelve numbered doors sit under a bold headline, and each one swings open in 3D on hover to reveal a project, a skill or a way to get in touch. Click a door to keep it open, or open them all at once and watch the counter fill up.

Behind the calendar are the pages a real portfolio needs: a CMS-powered Work index with case studies, About, Process, Contact with a working form, and a friendly 404. Everything runs on Framer styles, so changing three colour tokens rebrands the whole site in seconds.

Features

- One-screen, no-scroll home with an interactive 3D door calendar

- Hover to peek, click to keep open, "Open all doors" button and live counter

- Gentle "knock" hint that nudges a door until visitors start exploring

- Calendar intro loader where twelve mini doors open one by one

- Native Framer page transitions, entrance and scroll animations

- Word-by-word headline animations and arrow hover on every button

- CMS project collection with detail pages

- Contact form with name, email, budget and message

- Fully responsive for desktop, tablet and phone, with a mobile menu

- Rebrand with 3 colour tokens: Brand, Brand Deep and Numeral

- Neatly organised styles, components and code

Pages

Home, Work, Project (CMS), About, Process, Contact, 404

Fonts

Zalando Sans Expanded, Instrument Serif, Instrument Sans, Geist Mono (all free Google Fonts)

Images

Free images from Lummi. Replace them with your own work.