12
Screens
Project 12A New Eraof Digital Experience
Project Preview
Landing PageUI/UX Design
A cinematic hero system for premium real-estate storytelling, designed with brutalist restraint, soft glass overlays, responsive hierarchy, and a floating product-grade device scene.
2026
Scroll System
Luxury interface. Built like an architectural object.
01
System
2026
Launch
01 / Concept
DigitalEstateSystem
Project 12 is presented as a premium architectural interface: less decoration, more atmosphere, with the laptop mockup treated like a luxury object inside a cinematic black set.
Visual Tone
Dark, quiet, sharp, spatial, and intentionally over-scaled.
Experience
Parallax movement, glass labels, editorial reveals, and a controlled sense of depth.
02 / Showcase
Image-heavy storytelling.
Large architectural visuals carry the page, while typography breaks the grid and glass UI tags act like interface artifacts.
01 / Cinematic Entry
A landing page that opens like a film frame.
02 / Product Scene
3D device mockup staged as a premium object.
03 / Editorial System
Swiss typography, floating labels, and strict rhythm.
01
Typeface
Satoshi / General Sans direction
Oversized, tight, confident
02
Motion
GSAP + Framer Motion + Lenis
Blur reveals and scroll parallax
03
Mood
#000, #fff, #A78BFA
Brutalist luxury with glass layers
04
Output
Desktop 1920 / responsive
Built for portfolio-grade presentation
03 / Gallery
Dark visual archive.
04 / Responsive
Scales without losing drama.
Desktop-first composition with controlled overlaps
Tablet spacing keeps the device mockup cinematic
Mobile stacks preserve hierarchy without shrinking the idea
05 / Launch
Ready for the next digital reveal.
Start ProjectProject 12
Architectural Showcase Website
2026 / Digital Experience