Skip to content

Estudio Ladera

  • Concept
  • Landing page
  • UI/UX
  • Motion
  • Architecture
Estudio Ladera: the landing page on a laptop on a stone plinth, with a model of a hillside house behind it

Concept · The studio, projects and photos are fictional; the photos are AI-generated. A Navx Studio demo.

Black and white with a single material color: oak. The projects take over the page, and type-set indexes replace cards.

Fees are out in the open, with ranges by project type.

Industry
Architecture and interiors · Mexico
Year
2026
Stack
HTML · CSS · JavaScript, no libraries · Claude Code
Signature motionOn scroll, the hero closes into a frame and walks through all six projects.
Index of six projects with a filter by type

Six projects in one index.

Filter by type, preview on hover.

The Estudio Ladera landing page, top to bottom
Estudio Ladera on mobile: hero, projects and first consultation

Hero, projects, consultation.

The full path in a single column.

Details: project index, stages with timing and fees

Project index · Stages and timing · Fees

Visual system

Black

#0E0E0E

White

#FFFFFF

Surface

#F2F2F1

Oak

#80613F

Typefaces

Urbanist

Headlines

Geist

Body

Geist Mono

Data

Next project

GP Construction
  • WordPress
  • Redesign
  • UI/UX