Little Folio.

Start with your work.

Replace the portrait and project screenshots, then write the notes in your own voice. Keep personal projects labelled. The experience page describes project work; add employment history only when it is yours.

Add your real Upwork profile URL to the contact button and remove the “coming soon” note before sharing with clients.

A simple structure.

The scrapbook uses a native scrap_book container with reusable scrap_sheet page classes. Component names use Client-First underscores, and dimensions use rem units. Page IDs connect the index tabs and next-page links.

The six page themes are scrap_cover, scrap_coffee, scrap_motion, scrap_travel, scrap_experience, and scrap_letter. New pages need a unique ID and updated navigation and counter totals.

Type & colour.

Caveat for the handwritten text and Courier New for small typewritten labels. Ink #26302E, paper #FFFAF0, desk #CFE9F3, and red #B83B27. Decorative flowers and arrows are lightweight SVG backgrounds.

Room to breathe.

The book is at most 60rem wide. Pages use spacious native desktop layouts, then stack their content at tablet and phone breakpoints. Large screens allow the paper sheets to stack as the reader scrolls.

Keep project previews in a 3:2 ratio. Use WebP images and meaningful alt text. The portrait is preloaded. Reduced-motion mode uses ordinary scrolling, and all page content and links work without the page-counter script.

Before you launch.

Update page titles, description, canonical URL, social image, and Person schema. Check all links, keyboard focus, reduced motion, and mobile layouts. Enable indexing and a sitemap for your production domain in Webflow settings.

Share the template.

Public cloning is not enabled yet. The site owner must enable sharing in Webflow and add the resulting clone URL. Replace portfolio screenshots with your own work; check asset permissions before redistribution.