Preview image. Unlock full-res
Finances sub-page hero with green tab nav, billing headline, revenue dashboard card, and illustrated playground background.
Summary
Playground's billing hero with tabbed Finances navigation, left-aligned headline, floating revenue dashboard, warm playground illustration, and customer logo strip.
Visual description
White page with full navbar: blue Playground logo, Platform/Switch to Playground/Built for/Resources dropdowns, phone number, and blue Get demo button. Green "$ Finances" label with tab row: Billing (active green), Expenses, Payroll, Subsidy. Left column: large bold headline "The easiest way to manage billing for child care", gray subcopy on automatic billing and payment plans, blue "Get a free demo" button. Right/center: white rounded dashboard card showing Revenue total $2,238,239, Q1-Q4 bar chart with Q3 highlighted green, and payment rows for Sophie Andrews (Paid, Autopay, Mastercard) and Evan Cohen (Overdue, Visa). Background illustration of trees, fence, slide, and teddy bears in soft warm tones fading to white. Bottom centered social proof line and grayscale logos for childcare organizations.
Key takeaway
Sub-nav tabs inside the hero signal product depth without leaving the page. Dashboard card with real payment statuses makes billing tangible. Illustrated background adds warmth without competing with UI clarity.
Reuse notes
Ideal for vertical SaaS sub-product pages (billing, payroll). Illustration style must match brand; photo backgrounds would feel off. Logo strip needs recognizable partners in the target vertical.
