Chili Piper

Item: Chili Piper
Rating: 7.3

AI website conversion, lead routing and meeting scheduling for GTM teams.

chilipiper.com Save page

7.3/10MABTU rating

DESKTOP · 1440 × 10,812/ ↗

MOBILE · 390

Section outline · Home

01heroSerif headline, orange button, G2 rating, booking UI796
02logo cloudNavy tile wall of logos and quotes360
03tabsTabbed qualification demo with form UI1,013
04featuresThree numbered rows758
05processVertical orange timeline with four UI step cards
06statsCard with three orange metrics
07marqueeScrolling chips of live events
08featurePurple panel with chat UI641
09productsFour product cards with screenshots759
10use casesTabs over purple swirl panel1,093
11integrationsLogo row347
12testimonialsOrange band, quote card, portrait strip874
13ctaNavy card with demo form718
14footerSwirl navy footer, giant orange wordmark854

Rating · Home

Visual design7.6

UX & clarity7.2

Originality7.5

Craft & consistency7.2

Motion6.5

Performance & a11y7.7

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

Main colours

Light·white background·vivid

Typography

Recoletaheading · serif · self-hosted Calibrebody · font · self-hosted

Stack & style

Next.js React Tailwind CSS

Bold typography Playful Product-UI-led Live chat Logo cloud Marquee Mega menu Process steps Stats band Sticky header Tabs Testimonial slider

Also: Vercel

Design DNA

Warm cream base with faint peach swirl patterns, a heavy soft serif for headlines with orange-highlighted phrases, small grotesk body and mono uppercase eyebrows. Bands alternate cream, deep navy and electric purple with the same swirl motif. The hero headline sits over a booking UI mockup, then a navy logo and quote wall, a tabbed qualification demo, numbered 'now it acts' rows, a vertical orange timeline of a lead's journey with UI cards, a stats card, a chip marquee, a purple swirl feature panel, product card row, orange testimonial band with portrait strip, navy form CTA and a giant orange 'Chili Piper' wordmark on a swirl footer.

Worth borrowing

Tell the product story as a vertical numbered timeline of one lead, with a UI card at each step.
Carry one abstract swirl pattern across cream, navy and purple bands as a brand texture.
Mix customer logos and short metric quotes in one navy tile wall.