Folio is a horizontal scroll landing page built for models who need to stop a casting director mid-scroll. With a bold brutalist visual identity, an AI iridescent color system, and a career-escalation narrative structure, this single-page template showcases editorial work, competition wins, and agency signings while capturing serious booking inquiries and comp card requests.
by Rocket studio
Folio is a horizontal scroll model portfolio landing page designed to command attention and drive bookings. It pairs a raw brutalist aesthetic with a prismatic iridescent color system to present a model's career as an escalating visual story. A sticky lead-capture bar and a comp card download path convert both ready-to-book clients and scouts who are still deciding.
This template is built for people in the modelling industry who need a portfolio that works as hard as they do. It suits a range of talent at different career stages.
Most model portfolio pages feel generic. They show photos in a grid and hope the work speaks for itself. Folio is designed around a different idea: trajectory proves more than beauty alone.
You get a complete single-page horizontal scroll layout structured to move a visitor from first impression through career proof to a booking form. Every section is purpose-built.
This template delivers a tightly defined set of purposeful components. Each one serves the single goal of turning a visitor into a contact.
Theme
Bold Brutalist
Creative direction
Award & Recognition
Color system
AI Iridescent
Style
Horizontal Scroll
Direction
Lead Generation
Page Sections
Full-bleed Hero Portrait
Horizontal Scroll Career Timeline
Sticky Booking Bar
Comp Card Download Path
Escalating Iridescent Accents
Bold Brutalist Visual Identity
Who is this landing page template designed for?
Can the booking form collect different types of project inquiries?
What is the comp card download feature?
Does the page use traditional navigation?
What makes the horizontal scroll layout effective for a model portfolio?
The opening panel fills the entire viewport with a single high-contrast black-and-white photograph. Grain is visible, the subject's eyes are locked on the camera, and a thin iridescent gradient bleeds along the left edge. No navigation or logo competes for attention. A 180px uppercase name sits flush to the bottom-left corner with wide letter spacing.
As the visitor scrolls sideways, each panel reveals a new career milestone. Editorial tear sheets are embedded in raw concrete block frames. Competition wins appear as oversized typographic stamps. Agency signings are presented as architectural plaques with iridescent foil detailing. The panel sequence escalates in scale and luminosity from test shoots through to runway footage and press mentions.
After the visitor passes the third horizontal panel, a sticky bar appears anchored to the viewport. It carries the primary call to action, "Book This Face," and opens a brutalist inquiry form collecting the booker's name, agency or brand, project type, and preferred shoot dates.
A secondary conversion path runs alongside the main booking form. It offers a downloadable comp card in exchange for an email address. This captures passive interest from scouts who want measurements and stats on file before committing to a booking conversation.
The template uses deep slab charcoal, poured-concrete mid-gray, holographic lilac, and shifting cyan as its base palette. Molten rose activates on hover states and accent flares. The overall effect is a brutalist parking garage at midnight with a fashion film projected across its walls.
The iridescent color system intensifies as the visitor moves through each horizontal panel. Early panels are grounded and monolithic. Later panels grow more luminous and prismatic. By the final panel, the iridescent accents glow at full intensity, visually confirming a model's upward career trajectory.
| Section | Purpose |
|---|---|
| Full-Bleed Hero | Opens with a single arresting portrait and the model's name |
| Test Shoot Panel | Establishes the starting point of the career narrative |
| Editorial Tear Sheets | Displays published editorial work inside concrete block frames |
| Competition Wins Panel | Presents awards as oversized typographic stamps |
| Agency Signing Plaque | Marks agency milestones as architectural iridescent plaques |
| Runway Footage Panel | Showcases runway work with escalating visual scale |
| Press Mentions Panel | Closes the career story with media coverage references |
| Sticky Booking Bar | Captures booking inquiries after the third panel |
| Comp Card Download | Converts passive scouts with a low-friction email exchange |
The visual identity is rooted in bold brutalism and pushed into something unexpected by a fully iridescent color system. The palette references industrial architecture and synthetic light simultaneously.
The horizontal scroll layout is purpose-built for the viewing contexts where casting directors and scouts actually work. The template keeps the experience focused and uncluttered.
Folio is structured to move a visitor along two distinct paths depending on how ready they are to act. Neither path requires the visitor to hunt for a next step.
Folio fits within the Personal and Resume category under the Model Profile subcategory. It is specifically positioned for the model portfolio website niche and scores a strong intersection match across its theme, creative direction, and landing page direction.
