A Content State typically consists of:
Content State
│
├── Layout
│
├── Content Region
│
├── Media Region
│
└── Interaction Region
Layouts determine how these regions are presented.
The most common MSlide³ pattern divides a Content State into two complementary regions.
Content State
│
├── Primary Region
│
└── Secondary Region
This pattern allows content and media to coexist while maintaining progression.
Long-form information can exist inside an independently scrollable area.
Content State
│
├── Fixed Region
│
└── Scrollable Region
The surrounding Content State remains visible while deeper information becomes scrollable.
Tab layouts provide a secondary view inside a Content State.
Rather than creating additional states, two related perspectives can coexist inside the same layout.
Content State
│
└── Two-View Layout
├── Primary Tab
└── Secondary Tab
Two-view layouts provide complementary perspectives inside the same Content State.
MSlide² layouts support Structured Content Exploration.
MSlide³ layouts support Content State Navigation and guided progression.
