A creative agency and portfolio HTML template for studios, agencies and photographers. Three home pages, thirteen inner pages and scroll motion written in plain JavaScript: a full-screen project stage that opens like a window, a work track that moves sideways while you scroll, a trail of photos that follows the cursor, a photo grid that zooms to full screen and a film strip of large photographs. A bonus UI Kit with SCSS sources is included.

Who is it for

• Branding, design and creative agencies
• Small digital studios and production teams
• Photographers and film directors
• Freelance designers and art directors

Included pages

• Home pages: Agency, Index and Photographer
• Work: filter by discipline, grid and list view, archive table
• Projects: 5 case studies with facts, story, draggable gallery, client quote, results and palette
• Studio: statement, values, team, numbers and awards
• Services: disciplines with a changing photo, process steps, plans and questions
• Journal: overview and article
• Contact with a PHP form, and a 404 page

Interactions and animations

• Project stage: big photos open like a window, change every six seconds and shrink back on scroll, with a stretching wordmark
• Horizontal work track pinned while the page scrolls down
• A trail of project photos that follows the cursor (plays by itself on touch screens)
• Four service columns where the one you point at opens up
• Hover list with a big photo that changes, also by itself
• Nine photos where the middle one grows to fill the screen
• Endless film strip of large photographs
• Lines that rise, words that fill in as you read, photos that open from the middle, rolling numbers
• Wipe page transitions, magnetic buttons and a custom cursor with labels

Design and settings

• Light and dark themes plus an automatic mode
• 6 accent colours: acid, orange, pink, mint, violet and sun
• Appearance panel inside the side menu, so nothing floats over the page on load
• Archivo variable font: wide headings with narrow light accents, DM Mono labels
• All colours and six font sizes as CSS custom properties in one place
• Reduced motion mode that removes every effect

Bonus UI Kit

• 25 examples: buttons, rules, tags, badges, form fields, chips, switch, cards, price plans, numbers, table, timeline, quote, accordion, tabs, alerts, toast, dialog, navigation and pagination
• Plain HTML and CSS with SCSS sources; every class starts with mk-, so it works next to other frameworks
• Light and dark themes, 6 accents and three corner styles
• An overview page with code to copy

Technical

• HTML5, CSS3 and plain JavaScript, no build step, no jQuery
• Lenis 1.3.27 (MIT) for smooth scrolling; every animation is the template's own code
• Self-hosted fonts: Archivo and DM Mono (SIL Open Font License)
• Clean, indented and commented code
• Responsive WebP images with srcset and lazy loading
• Keyboard friendly, skip link and visible focus; tested with axe in both themes

Images

The photos in the live preview are for preview only and are not included in the download. The download contains placeholder images with the same file names and sizes, so the layout stays the same until you add your own work. Brand names, people, awards and quotes in the demo are fictional.

Documentation

A documentation site with search is included: getting started, setup, customization, page structure, page transitions, portfolio, one page for every component with copyable code, contact form, UI Kit, troubleshooting, credits and changelog.

Changelog

Version 1.0.0 (2026-10-30)

Added

• First release: 3 home pages (Agency, Index, Photographer) and 13 inner pages, plus a demo overview page.
• Light and dark themes, 6 accent colours and a motion switch in the menu.
• Full-screen project stage, horizontal work track, photo trail, opening service columns, hover list with a big photo, zooming photo grid, film strip, text animations, rolling numbers, testimonials, work filter with grid and list view, custom cursor and page transitions.
• Five project case studies with a draggable gallery, client quote, results and palette.
• PHP contact form with a spam trap.
• Bonus UI Kit: 25 component examples with SCSS sources, light and dark themes and 6 accents.
• Documentation with search and copyable code for every component.