The recurring problem
Two adjacent sections should become one composed moment, yet another border or gap would make the page feel assembled from separate panels.
Forces in tension
The pattern exists because easy answers pull in opposite directions.
- 01
Separation protects clarity.
- 02
Continuity protects momentum.
- 03
Layering creates depth quickly, but uncontrolled layering damages hierarchy and responsive flow.
Therefore
Preserve the relationship, not one frozen layout.
Choose one bounded object to cross the seam. Let the following field claim a measured portion of the previous one, then clear its own content by the same logic. Keep every other edge disciplined so the exception remains legible.
Known expressions
Several forms, one underlying move.
- 01
A proof image straddling from a proposition into a results field.
- 02
One card tucked beneath the tail of a hero.
- 03
A portrait crossed by one line of display type.
When it breaks
A pattern includes the shape of its own misuse.
- Several elements overlap at once and compete for ownership.
- Body text crosses media or a color seam.
- Hand-tuned offsets collapse when copy or viewport changes.
Public evidence
3 reviewed contexts
Observed in three reviewed contexts, including a native system expression. Its behavior with volatile copy is still under-tested.
Last reviewed: