S-22 · Site recreation · 2026-10-12
KMRV
LPAS recreation
Recreation of an architecture and interior studio site in 34 pages, with per-field pages and 18 projects
How it was made
The original is the site of an architecture and interior studio in Sacramento and Oakland. Five fields set the menu and colors: residential, interior, education, civic and commercial.
The home hero stays fixed for 4,320px while five field cards pass horizontally.
The pinned section length is based on screen width. It was first built at 480vh, then changed to 300vw after measuring card positions.
The + button filling as the cursor passes over a card was found by comparing motion recordings and added.
The hero video was replaced with one photo of a brick office, and 40 team portraits with initial plates. The 117 photos are real Unsplash photos.
Key features
- Preloader · pinned horizontal field cards
- Process card horizontal scroll · slide panel
- Two-level portfolio filter · pagination
- Team and news filter · detail tabs · gallery slider
Where and how to use it
Suits design firms that present work by field. Field pages, process description, project details and team profiles are linked.
Industries
- Architecture firms
- Interior studios
- Landscape and spatial design
Reusable screens and features
- Color system by field
- Two-level portfolio filter
- Process step panel
- Team profile filter
Points to check
Each field needs enough project photos. All 18 project detail pages share one photo layout.
After reading the document
The live site opens in a new window.
Go to site(opens in new window)