How sections relate to their neighbors
This page demonstrates all 9 cohesion types in sequence. Watch how the visual relationship between sections tells a story.
This section continues from the previous one. Notice there's no visual break—color continuity, minimal spacing, like the thoughts are flowing naturally from one to the next.
Colors intensify. Visual weight increases. We're building on what came before.
Still connected to the previous section's concept, but turned up.
Each element emphasizes: we're going somewhere.
This section supports what came before. Notice the subtle background, muted colors, reduced visual weight. It's playing a supporting role—proving the point without stealing the spotlight.
Contrasts show visual opposition. Different palette, different energy entirely.
We've shifted directions completely
Pivots signal a topic change. The visual language resets. We're not building on what came before—we're moving to something new.
Notice the visual callback to the 'amplifies' section? Same accent color, similar energy, but earlier concept.
We're not continuing that thread—we're recalling it. Nostalgia, connection, resonance.
Readers notice: 'Oh, this relates to that earlier part.'
This section resolves. Intensity decreases. Spacing increases. Visual weight diminishes. We're closing the narrative arc, providing answers, releasing tension. It feels like the end is near.
From opens through closes. Each relationship shapes how users experience the flow.
© 2026 Semantic Design Lab. Visual relationships matter.