Scroll / pinned lens

A scroll lens can focus each product layer.

A pinned timeline pattern for feature tours, audit narratives, SaaS explainers and portfolio case studies.

01 / mapSignal mapStart with a broad surface and invite the user into the system.

02 / focusRoute focusMove the lens to isolate the active route and secondary metadata.

03 / riskRisk bandDim the previous state while the active layer gains contrast and scale.

04 / outputDecisionFinish with a clear resolved state that can link into the next section.