Skip to content
Components

Modal splitWarning: Draft

Modal split is a focused-experience, introduced as an overlay to explain to customers concepts or actions within the product.

A Modal split must have a clear role. Whether introducing a feature, surfacing an action, or sharing an update, the content should justify demanding the user’s focus.

Define the goal of this interaction β€” what measurable outcome are we aiming for? Every word should serve that goal.

28853cae-7a66-8077-b4c6-ec45433f1c5d.png
29553cae-7a66-803c-b007-d8e9c8cddfaa.png

The heading is the most important element of a Modal split. Users scan content quickly β€” often in under two seconds β€” so make it count.

A strong heading should stand alone as a clear statement of value. The rest of the content should support and elaborate, not compete.

29553cae-7a66-8031-a347-fd92d727db63.png
29553cae-7a66-80c4-b069-e1ec5ade2fce.png

Write for real people, not marketing slides. Avoid jargon and vague business speak β€” terms like optimise or streamline don’t explain true value.

Focus on why the feature matters to them, not what sounds cool to us. Show empathy, address user needs, and make your message relevant. Speak plainly and directly to build trust and clarity.

29553cae-7a66-8052-9c9c-fe1d8362e931.png
29553cae-7a66-8019-933e-f8fce6e790ff.png

Avoid walls of text. Too much information makes content harder to read and causes users to skip important points.

Use short paragraphs, clear subheadings, and scannable lists to make the content easy to digest.

Keep everything to one screen if possible.

28853cae-7a66-8072-9dd2-d4ce6f6938c0.png
28853cae-7a66-800f-be11-d28e75a68a9e.png

A strong visual can communicate what words alone cannot. Use relevant product screenshots, diagrams, or simplified illustrations that enhance understanding and complement the copy.

Avoid decorative imagery that adds no value. When possible, request visuals early in the process so brand design and content work together effectively.

This page is a draft. Its content is likely to change.