SaaS hero with team social proof section

Summary

A B2B SaaS website showcasing a dark teal hero section with serif headline, neon yellow accent icon, and a below-the-fold team testimonial and key metrics section to establish credibility.

Visual description

Upper section: dark teal (approximately #082627) background with white serif headline "Where the C-suite" and yellow/lime green serif text "connects for advice." Small lime-green starburst icon in the top-right. Body text in light gray or white sans-serif describing the value proposition. Navigation bar at the top in white text with small yellow accent button. Lower section on light gray background: white sans-serif subheading "Join a valuable resource built for decision-makers," followed by a testimonial card featuring a headshot of Tony Peng (Co-Founder) on the right, dark text biography on the left. Below, three statistics in light-blue card boxes: "$25B," "10+ years," and "37K professionals." All typography is clean sans-serif throughout; the single serif treatment on the hero creates hierarchy and premium feel.

Key takeaway

The color strategy is minimal but effective: dark teal establishes sophistication, white ensures legibility, and neon yellow provides strategic emphasis without clutter. The serif/sans split creates clear hierarchy between hero and body. The starburst icon is geometric and distinctive without being distracting. The social-proof section (named testimonial + metrics) immediately following the hero is a proven conversion pattern for B2B services.

Reuse notes

Reference for B2B SaaS, advisory, consulting, or fintech landing pages. The dark teal + neon accent works especially well for services targeting finance, startups, or executive audiences. The testimonial + metrics stack is effective for building credibility. The vertical hierarchy (hero then social proof) works well for above-the-fold engagement. Avoid if seeking a warmer or more playful brand feel.