Our Pricing
Our Pricing needed three plans comparable at a glance and switchable between monthly and annual billing. I built the toggle and its animated price change in CSS alone, so the page ships no JavaScript at all.
Visit Website, Our PricingProject Background
Our Pricing sells cloud storage by the seat, and this was the page where a visitor picks a tier: Basic, Professional or Master, each with its storage ceiling, its seat count and its transfer limit. They came with a periwinkle gradient marking the featured plan and a switch between monthly and annual billing. Six of the palette pairings sat below the accessible contrast threshold, so each moved by the smallest amount that clears it. Scope ran from 320px up, at 100 across Lighthouse.
Static Previews
