Kit.ai

Item: Kit.ai
Rating: 7.2

No-code AI chat agent trained on your website and docs.

kit.ai Save page

7.2/10MABTU rating

Home

Pricing

DESKTOP · 1440 × 5,229/ ↗

MOBILE · 390

Section outline · Home

01heroSplit: headline and terracotta CTA left, chat widget mockup right
02featuresFour cards with pill labels729
03processThree steps left, dark training run card right882
04comparisonCapability table: Kit.ai vs generic widget1,023
05pricingFour tiers, dark highlighted Standard plan1,049
06ctaDark rounded panel with chat mockup711
07footerMinimal logo and copyright row113

Rating · Home

Visual design7.4

UX & clarity7.6

Originality6.6

Craft & consistency7.6

Motion5.5

Performance & a11y7.7

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

Main colours

Light·cream background·muted

Typography

Bricolage Grotesqueheading · sans · google Hanken Groteskbody · sans · google

Stack & style

Google Fonts Tailwind CSS React

Minimal Rounded / soft Product-UI-led FAQ accordion Floating CTA Live chat Pricing table Sticky header

Also: Stripe

Design DNA

Cream canvas with espresso-brown text and terracotta accents. Headlines are a heavy grotesk with one underlined italic serif phrase in terracotta, under small pill eyebrows. The split hero shows a chat widget mockup, followed by four feature cards each with a tiny uppercase pill label (ALWAYS ON, 70% DEFLECT), a dark 'Training run' checklist card with an embed snippet, a capability comparison table against generic widgets, four-tier pricing with a dark highlighted Standard card and a dark rounded CTA panel holding another chat mockup.

Worth borrowing

Tag each feature card with a small uppercase pill that states a metric or behaviour.
Show onboarding as a dark 'training run' log card ending in the embed script tag.
Swap one headline phrase into an underlined italic serif in the accent colour.