Foundation specimen · 01

Viewport, header and first-section flow

Neutral specimen copy establishes the shared page rail without calibrating a production page or component treatment.

The native section owns its full-width image surface and wash; this semantic root owns only content.

Foundation specimen · 02

Shared rail and nested-track fill

Desktop content uses ninety percent of the client viewport. At the mobile breakpoint, the content edge is eighteen pixels from each side.

Assigned track

This nested composition fills the track it receives and adds no second page gutter or independent width cap.

Foundation specimen · 03

Middle-section AA3 composition

The upper and lower native surfaces are clipped in one physical overlap. This middle host receives a composite clip and one content-facing reservation per boundary.

Foundation specimen · 04

Semantic type and media slots

Abstract neutral media specimen in the Affiniti palette.
A caption remains semantically attached to its media.

Page-heading, section-title, body, supporting copy and caption roles use the shared foundation. The media frame keeps its established portrait contract while its nested visual plane owns bounded response.

Foundation specimen · 05

Terminal boundary and footer handoff

The final semantic section has no outgoing AA3 divider. The following native non-V1 region and footer retain zero divider offset.