Railway — Hero
Top promo bar plus split hero: giant left-aligned serif headline about per-second billing and a purple step/area usage chart on the right with a floating 'Only pay for active CPU and memory' annotation chip.
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/railway-serif-headline-compute-step-chart.
Measured spec
| Scheme | dark |
| Background | #13111B |
| Text | #4C4756 |
| Contrast | 2.09 |
| Columns | 2 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.078 |
| Measured size | 1600×1202 px |
Palette
#16131F#8B3DF0#F0F0F2
Fonts
IBM Plex SerifInter
Page types
Detail
UX patterns
Dark Mode
UI elements
Navigation BarChart
Context
- Parent page: Usage-Based Pricing Page with Tiered Plan Cards and Feature Comparison Table
- All of Railway
Other sections on this page
- Pricing / Plans — Free banner card + Hobby/Pro/Enterprise cards
- Pricing / Plans — Per-unit usage rate tiles
- Comparison — Four-column compare-features table
- Feature — Unlock more as you grow add-ons
- Testimonial / Social Proof — Customer quote carousel
- CTA / Sign-up — Bill-upload 'overpaying for compute' form
- FAQ — Commonly Asked Questions accordion