Sentry: Dark four-tier dev-tools pricing page with comparison matrix and live cost estimator
A deep purple-to-black pricing hero anchors four side-by-side plan cards (Developer/Free, Team, Business, Enterprise) with a Monthly/Annual pill toggle and hand-drawn magenta and purple scribble accents framing the headline. Below the fold sits an exhaustive "A closer look at each plan" feature-comparison matrix with zebra-striped category rows and checkmarks across four columns, plus a Seer AI Debugger add-on banner. The signature element is the dark interactive "Estimate your monthly cost" calculator section with usage sliders, a per-error rate table, and a live-updating $26.00/mo running total panel.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/sentry-dark-four-tier-dev-tools-pricing-page-with-comparison-matrix-and-live-cost-estimator.
Palette
Fonts
Page types
UX patterns
UI elements
Context
More from Sentry
- Hero — 3D astronaut hero with pink-accent headline and floating product panels
- Feature — 'Built to be secure' compliance badge row
- Logo Wall — Customer logo strip below spotlight motif
- Dark cosmic dev-tool landing with 3D astronaut hero and connected debugging panels
- Hero — Dark hero with pricing headline and monthly/annual toggle
- Feature — 'Debugging needs context — with or without AI' (Seer)
- Feature — 'Developer first. Always.' four-card grid with code snippets
- Feature — 'Everything's connected' trace narrative with product screenshot
- CTA / Sign-up — Fix It closing call-to-action
- Pricing / Plans — Four-tier plan cards (Developer, Team, Business, Enterprise)
- Comparison — Full plan feature comparison matrix
- CTA / Sign-up — 'Get started in minutes' with command snippet and character art