Resend — Hero
Centered serif 'Pricing' headline with 'Start for free and scale as you grow' subhead, a horizontal emails/month volume slider, and a pill 'Transactional / Marketing emails' tab toggle on a black background.
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/resend-pricing-hero-with-volume-slider-email-type-toggle.
Measured spec
| Scheme | dark |
| Background | #000000 |
| Text | #7A7676 |
| Contrast | 4.68 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.177 |
| Measured size | 1600×1842 px |
Palette
#0A0A0A#E8E8E8#1A1A1A
Fonts
DomaineInter
Page types
Detail
UX patterns
Dark ModePricing ToggleUsage Meter
UI elements
Navigation BarToggleTabs
Context
Other sections on this page
- Pricing / Plans — Four-tier plan cards ($0/$20/$90/Custom)
- Feature — Pay-as-you-go overage panels
- Feature — Add-ons (Dedicated IPs)
- Comparison — Sending & receiving + Deliverability comparison tables
- Comparison — Security, Customer support & AI credits tables
- FAQ — Accordion FAQ list
- Testimonial / Social Proof — Three-up customer testimonial cards
- CTA / Sign-up — Centered 'Start sending this weekend' CTA