Passionfroot

Item: Passionfroot
Rating: 7.4

AI agent for finding, paying and measuring B2B creator marketing.

passionfroot.me Save page

7.4/10MABTU rating

DESKTOP · 1440 × 16,154/ ↗

MOBILE · 390

Section outline · Home

01heroDusk sky scene, mascot, floating prompt UI1,341
02logo cloudLogo row
03testimonialLarge serif quote reveal
04featuresCloud scene with strategy UI card2,252
05featuresMountain scene with creator outreach UI2,242
06testimonialCentred DeepL quote384
07featuresCity scene with analytics UI2,247
08testimonialsPastel gradient quote cards658
09transitionFloating purple and orange shapes2,600
10case studiesThree gradient story cards660
11faqTwo-column accordion768
12footerBlossom park illustration with mascot

Rating · Home

Visual design8.1

UX & clarity6.9

Originality8.4

Craft & consistency7.0

Motion7.5

Performance & a11y7.7

This page scores 7.6; the site score weights the home page double.

Main colours

Light·white background·vivid

Typography

New Kansasheading · font · adobe Nunito Sansbody · sans · self-hosted

Stack & style

Lenis Google Fonts Adobe Fonts Remix / React Router Vite Tailwind CSS React

Minimal Editorial Playful 3D Illustration-led Rounded / soft Custom cursor FAQ accordion Hamburger-only nav Hero video Live chat Logo cloud Smooth scroll Sticky header Tabs Testimonial slider Text reveal Transparent header

Also: Intercom, Google Analytics, Cloudflare, PostHog

Design DNA

Warm off-white page with a soft transitional serif for headlines and small grotesk body. Big rounded panels open on painterly 3D scenes (purple clouds, pink mountains, a sunset city, a blossom park) in which a purple fruit mascot appears, and a cream card slides up out of each scene holding product UI: prompt boxes, campaign tables, analytics charts. Between scenes, a large centred testimonial reveal and floating purple and orange half-pill shapes add motion. Customer stories use pastel gradient cards; the footer sits over the blossom-park illustration.

Worth borrowing

Open each feature chapter with a painted landscape and slide a cream UI card up over its lower half.
Give the brand a small mascot that reappears in every scene, ending on a park bench in the footer.
Use chunky purple and orange half-pill shapes as scroll-driven transitions between chapters.