sabathemeFind your style
SABATHEME / LAYOUT NOTES

A LITTLE CLARITY GOES A LONG WAY.

Image comparison without hidden context

Radica design notes: image comparison without hidden context.

01

Explain what is being compared

Label both sides and describe the difference in text. A comparison graphic should help the reader see a specific change. Do not make the meaning depend on dragging a divider.

02

Provide a simpler alternative

A side-by-side pair can be easier to read than a slider on a small screen. Make controls keyboard-operable if you use them and avoid capturing normal page scrolling. Keep both image descriptions available.

A SMALL SPACE TO EXPERIMENT

Try a different perspective.

Explore colour, reading direction and screen size in an original layout study.

Palette
Viewport
Reading direction

Space for good ideas — design starts with a clear purpose.

Sage palette · Wide viewport · LTR reading direction. Your choices stay in this page.