Alternative views in the same place. Tabs work when visitors usually need only one of several related versions — for example by audience, plan, region or perspective.
Do not hide information everyone needs behind a non-default tab.
Simple decision rule: if a visitor is likely to care about only one option, tabs are natural. If everyone should read every option, use sections one after another instead.
The list of tabs on the left, each with a second line, the content beside it. On a phone it becomes a row you can swipe.
Present the same service from the perspective of someone looking for a personal solution. Highlight the individual benefits, an easy starting point and a clear next step.
For businesses: use a dedicated tab to focus on processes, collaboration and business priorities, without having to build three separate sections.
If your partnership offer has different terms or a different next step, present it in its own tab.
A segmented switch in a tinted track, the tab's content on a card. Suits two or three short options.
The studio is open from 10 am to 7 pm, and evening courses start at 6 pm.
On Saturdays we run workshops from 9 am to 2 pm; on Sundays we are closed.
You control the number of tabs, their style and alignment, and the blocks inside each tab.
Two to four tabs is usually easiest to scan. Keep labels short and parallel in structure.
Each tab can contain its own blocks, such as text, a callout box or a button.
Underline (the default), Pills or Side list. The Underline and Pills rows sit left, centred or stretched across; the Side list stands on the left or the right.
Keep the block on the page background or place it in a custom or dark band that can extend to the screen edge.
Choose Reading, Wide or Full depending on how much room the tab content needs.
In the Side list every tab can have an optional second line. In a narrow space every style becomes a row you can swipe, and the tabs are large enough to hit easily with a finger.
Ask whether visitors should choose between views or read them in sequence.
Use it when topics or sections stay in a vertical list and open or close individually.
Use it when every piece of information matters and should stay visible while visitors scroll.
Use it when several equal options should be visible at the same time rather than replacing one another.
ORGANISE, DON'T HIDE
Use short, parallel labels and only place content behind them when it really is an alternative rather than required reading.