Please switch your view.

This view is best experienced
in tablet and desktop views.

Overview

A Structured Content
Exploration Framework

MSlide2 is a framework for building interactive content experiences.

Instead of placing all information on a long scrolling page, content is organized into structured visual states that users can explore progressively.

The framework combines guided navigation with flexible content layouts, allowing information to remain organized, discoverable, and visually engaging.

Explore how Structured Content Exploration organizes content into guided visual experiences.

MSlide2 can be used to create:

Interactive catalogs

Digital brochures

Editorial experiences

Product presentations

Documentation systems

Overview

Content Without
The Long Scroll

Most websites place information in one continuous page.

That works for simple content, but it becomes harder to explore when a page contains many products, sections, videos, forms, or supporting details.

MSlide2 separates content into clear visual states.

Each state can focus on one idea, one product, one story, or one action.

Learn how MSlide² replaces long-scroll pages with structured content exploration.

Instead of:

Long pages

Hidden sections

Scattered calls to action

MSlide2 creates:

Clear sections

Focused content states

Guided exploration

Overview

Two Ways To
Structure Content

MSlide2 organizes experiences around two content models.

Editorial experiences focus on storytelling, information, and exploration.

Commerce experiences focus on products, categories, collections, and purchasing decisions.

Both models share the same navigation principles while adapting to different content goals.

Explore how editorial and commerce models shape MSlide² experiences.

MSlide2 Content Models

Editorial

Story-led exploration

Content, context, and narrative

Commerce

Product-led exploration

Items, categories, and decisions

Overview

Content Can
Become Interactive

MSlide2 layouts can connect content with interactive experiences.

A content state can open videos, forms, product details, external applications, or embedded experiences without leaving the current journey.

This allows information, media, and actions to remain connected inside the same experience.

Learn how embedded experiences keep media, forms, and actions inside the current state.

Interactive Experiences

Video previews

Product details

Contact forms

Embedded applications

Documentation links

Rich media experiences

Editorial › Section Hero

Title

Subtitle

Curabitur accumsan
turpis pharetra augue
tincidunt
blandit.

Editorial › Technical Feature

Title

Curabitur accumsan turpis pharetra augue tincidunt blandit. Curabitur accumsan turpis pharetra augue tincidunt blandit.

Subtitle
Curabitur accumsan turpis pharetra augue tincidunt blandit. Curabitur accumsan turpis pharetra augue tincidunt blandit.

Curabitur accumsan turpis pharetra augue tincidunt blandit. Curabitur accumsan turpis pharetra augue tincidunt blandit.

Subtitle
Curabitur accumsan turpis pharetra augue tincidunt blandit.

Curabitur accumsan turpis pharetra augue tincidunt blandit. Curabitur accumsan turpis pharetra augue tincidunt blandit. Curabitur accumsan turpis pharetra augue tincidunt blandit.

Editorial › Fragment Detail Review

Title

Subtitle 1

Curabitur accumsan turpis pharetra augue tincidunt blandit. Curabitur accumsan turpis pharetra augue tincidunt blandit.

Curabitur accumsan turpis pharetra augue tincidunt blandit. Curabitur accumsan turpis pharetra augue tincidunt blandit.

Curabitur accumsan turpis pharetra augue tincidunt blandit. Curabitur accumsan turpis pharetra augue tincidunt blandit.

Subtitle 2

Curabitur accumsan turpis pharetra augue tincidunt blandit. Curabitur accumsan turpis pharetra augue tincidunt blandit.

Curabitur accumsan turpis pharetra augue tincidunt blandit. Curabitur accumsan turpis pharetra augue tincidunt blandit.

Curabitur accumsan turpis pharetra augue tincidunt blandit. Curabitur accumsan turpis pharetra augue tincidunt blandit.

Subtitle 3

Curabitur accumsan turpis pharetra augue tincidunt blandit. Curabitur accumsan turpis pharetra augue tincidunt blandit.

Curabitur accumsan turpis pharetra augue tincidunt blandit. Curabitur accumsan turpis pharetra augue tincidunt blandit.

Curabitur accumsan turpis pharetra augue tincidunt blandit. Curabitur accumsan turpis pharetra augue tincidunt blandit.

Editorial › Feature Split

Title

Curabitur accumsan
turpis pharetra augue
tincidunt
blandit.

Title

Curabitur accumsan
turpis pharetra augue
tincidunt
blandit.

Commerce › Single Product Hero

Title

Subtitle

Curabitur accumsan
turpis pharetra augue
tincidunt
blandit.

Commerce › Product Detail Split

Title

Curabitur accumsan
turpis pharetra augue
tincidunt
blandit.

Commerce › Category Collection

Title

Curabitur accumsan
turpis pharetra augue
tincidunt
blandit.

Title

Curabitur accumsan
turpis pharetra augue
tincidunt
blandit.

Small €0000

Title

Curabitur accumsan
turpis pharetra augue
tincidunt
blandit.

Small €0000

Title

Curabitur accumsan
turpis pharetra augue
tincidunt
blandit.

Small €0000

Title

Curabitur accumsan
turpis pharetra augue
tincidunt
blandit.

Small €0000

Title

Curabitur accumsan
turpis pharetra augue
tincidunt
blandit.

Small €0000
Commerce › Catalog Collection

Title

Curabitur accumsan
turpis pharetra augue
tincidunt
blandit.

Title

Curabitur accumsan
turpis pharetra augue
tincidunt
blandit.

Tiny €0000

Title

Curabitur accumsan
turpis pharetra augue
tincidunt
blandit.

Tiny €0000

Title

Curabitur accumsan
turpis pharetra augue
tincidunt
blandit.

Tiny €0000

Title

Curabitur accumsan
turpis pharetra augue
tincidunt
blandit.

Tiny €0000

Title

Curabitur accumsan
turpis pharetra augue
tincidunt
blandit.

Tiny €0000

Title

Curabitur accumsan
turpis pharetra augue
tincidunt
blandit.

Tiny €0000

Title

Curabitur accumsan
turpis pharetra augue
tincidunt
blandit.

Components

Colors

UI elements are styled
using Bulma's functional
color system
for a clean
and cohesive aesthetic.

primary

#00d1b2
info

#3e8ed0
success

#23d160
warning

#ffdd57
danger

#ff3860
dark

#363636
Components

Tipography

Text elements leverage
Bulma’s typographic
framework,
ensuring
a clear hierarchy.

This is a paragraph element
used for text paragraphs.

Jumbo

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Heading 7
Components

CTA buttons

Call-to-action elements
are styled with Bulma’s
button system.

Components

Price Tags

Price containers based
on the foundational
Bulma button styles.

Thumb
Navigation