Skip to case study
All portfolio workWebsite concept · Architecture and urban designOpen experience
Independent concept projectArchitecture and urban designReference measured · review required

Tessera North

A spatial portfolio linking built work, materials, research, people, studio thinking, and qualified project enquiries.

Project type
Independent concept
Format
Responsive website
Experience scope
20 connected pages
Industry
Architecture and urban design
Fidelity status
Reference measured · review required
01 · Design rationale

A product direction built around a complete journey.

A spatial portfolio linking built work, materials, research, people, studio thinking, and qualified project enquiries. The case study exposes the project’s structure and delivery boundaries so visitors can assess the visual system, route coverage, and intended interactions without mistaking a concept for commissioned client work.

  1. 01

    Studio portfolio and project enquiry

    The route architecture is organised around studio portfolio and project enquiry, with each named screen assigned a specific interaction role.

  2. 02

    Project-specific visual direction

    Monochrome print grid with asymmetric project crops, blueprint-blue annotations, restrained type, and spatial transitions.

  3. 03

    Original asset plan

    Original 3D architectural studies, commissioned diagrams, fictional plans, and licensed material textures.

02 · Experience architecture

Every named page opens directly, making the concept’s scope inspectable and shareable without loading every experience route on this page.

20Connected pages

Routes describe the frontend experience. A visible route does not by itself claim a live backend integration or native store release.

03 · Evidence and boundaries

Original presentation, documented provenance.

Reference research and implementation status are stated separately. Third-party screenshots, logos, and branded assets are not used in this presentation.

Framer reference study

Reference record

The Framer links below document private clean-room measurement. They do not imply affiliation, endorsement, human approval, or permission to republish source screens.

System
W05 · web
Studied
2026-08-13
Entry family
italic-saturated-stage
Status
reference-measured · human review required

Automated targets: structural changed pixels ≤ 2.0%, full changed pixels ≤ 8.0%, MAE ≤ 0.015, RMSE ≤ 0.035. These are measurement targets, not pixel-perfect certification.

Asset record: Original 3D architectural studies, commissioned diagrams, fictional plans, and licensed material textures. Reference imagery is research-only. Public experiences ship original or licensed assets with source records.

  • Framer web section 1

    Bold italic headline stage

    • italic display face dominates the first viewport
    • high-saturation field behind sparse copy
    • media crops ignore conventional card edges
  • Framer web section 2

    Saturated modular panels

    • large single-color panels
    • alternating scale and crop
    • tight caption system

Explore Tessera North from its first page.

Open the browser experience, then use its connected navigation to inspect the complete concept route by route.

Launch Tessera North