sabathemeFind your style
SABATHEME / LAYOUT NOTES

A LITTLE CLARITY GOES A LONG WAY.

Pricing tables people can compare

Radica design notes: pricing tables people can compare.

01

Compare equivalent information

Use the same row order across plans and explain the unit or billing period clearly. Distinguish a feature from a limit. Avoid emphasizing a plan through colour while hiding the conditions that determine its actual cost.

02

Allow for the narrow view

At mobile width, a table may need a deliberate scrolling or stacked treatment. Keep each value associated with its label. Place important conditions near the comparison, rather than in tiny text far below it.

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.