Template Overview

Suki Kimura is a modeling portfolio and fashion editorial template for models, agencies, and creative talent, built around a cinematic flashlight interaction that fits the high-contrast world of fashion photography. The Editorial Noir system uses a #000000 base with charcoal glass components, pairing Inter for resume data with Playfair Display for typographic statements. Spotlight sections track the cursor through --mouse-x and --mouse-y variables to create a radial glow as visitors explore the work.

A Book Suki CTA uses a Beam Spin effect with conic-gradient beams, and a three-column project grid gives each card a double-image reveal on hover. A Visual Bio section adds an Available for Work ping and a vital-stats grid (Height, Measurements, Eyes), plus a Spline 3D footer. HTML and React versions are included.

Key Features

• Interactive Spotlight Effect: A custom coded flashlight interaction utilizing mouse position CSS variables to create a traveling radial glow highlight across sections.
• Beam Spin CTA System: A sophisticated primary trigger for bookings featuring conic gradient animations, repeating linear sliding line backgrounds, and 2XL blur glows.
• Double Image Hover Reveals: A specialized project grid component where primary editorial shots transition into alternate "Project Stills" upon cursor interaction.
• Vital Stats Matrix: A dedicated high contrast module showcasing professional measurements (5'10", 34-24-35) using 4XL font extrabold typography.
• Available for Work Live Pulse: A status aware component with an active green-500 ping animation to signal real time availability for global bookings.
• Spline 3D Footer Integration: A cinematic final section featuring a live iframe embedded Spline scene (Glowing Planet Particles) for a futuristic finish.
• Editorial Stagger Reveal Engine: A collection of reveal item classes tied to an Intersection Observer for smooth, fadeInUpBlur entrance sequences.

What's Included

• Glass Spotlight Navigation: A sleek md-p10 navbar with spotlight content z-indices, integrated portfolio/bio links, and the Beam Spin "Book Suki" button.
• High Impact Kimura Hero: A 100vh entry section with 9XL typography, background image mask fades, and a professional "Suki Kimura" brand identity.
• Featured Work Triptych: A 3-card grid for Vogue
• Paris Fashion Week, and Zara projects, featuring print/walk/retail badging and hover image swaps.
• Visual Bio & Snapshot Portrait: A detailed "About" module including portrait visuals
• SF/Global availability badges, and a narrative on professional discipline.
• Agency Experience Timeline: A structured 5-row list mapping representation history across Elite Model Mgmt
• IMG London, and Ford Models Paris.
• Spline Powered 3D Conversion: A full screen immersive footer with project collaboration headlines, mailto: booking triggers, and social link spreads.
• Editorial Noir Resource Footer: A minimalist bottom section with trademarking

Best Use Cases

• Suki Kimura is the definitive digital foundation for high fashion models, runway talent, and commercial actors looking to build a "Prestige" portfolio. It is particularly effective for talent represented by global agencies (Elite
• Ford) who need a digital home that matches their physical industry presence. Fashion photographers and creative directors can also use Suki Kimura to highlight their collaborative projects with high finesse models. The template’s focus on "Spotlight Interactions" and "Vital Stats" makes it an ideal choice for talent managers looking to provide a high conversion digital Comp Card to casting directors. By providing a cinematic, technically dense, and SEO optimized architecture
• Suki Kimura allows brands to deliver an elite digital experience that signals world class talent and creative dominance in the luxury fashion ecosystem.

Template Details

Suki Kimura | Professional Fashion Runway & Commercial Portfolio is published by ProofMatcher as part of a curated library of website templates and UI resources. The page includes practical implementation notes, feature details, included files, and use-case guidance so visitors can decide whether the template fits their launch before downloading or purchasing.

Related Searches

• Model Portfolio
• Fashion Portfolio
• Runway Resume
• Commercial Talent
• High Fidelity UX
• Luxury Editorial UI
• Modern Modeling App
• Visual Storytelling
• Elite Representation
• Playfair Display Design
• Spline 3D Integration
• New York Model.
• premium website templates
• parallax website template