WebsiteAI assistant2026

Kit

Kit is Braintied’s everything assistant, the one agent that answers your phone, serves your customers, and runs the back office. Its site had to introduce a character, not a feature list.

Client
Braintied
What we did
BrandingCreative directionFrontend UI/UXInteractiveEngineering
meetkit.ai
Kit homepage
Kit on a phone

The product, in motion

The brief

Make people feel they have met someone. The page needed Kit present on every section, reacting to the reader, without becoming a gimmick.

Design system

Palette

Night

#0A0A0C

Surface

#16161C

Mint

#9FF0D6

Sky

#8FD3FF

Violet

#A58CFF

Ink

#F5F5F7

Type

DisplaySF Pro Display
RoundedSF Pro Rounded
FallbackInter

Inside the build

01

A scroll film

Scrolling scrubs a sequence of clips like a product keynote.

How: Twenty-two clips on desktop; a single all-keyframe vertical film on mobile so scrubbing stays exact.

02

Kit flies to what you read

The character moves to the most visible section, recolors, changes expression, and speaks.

How: Each section registers a stop; the companion renderer animates between them.

03

Talk to Kit

Ask a question on the page and Kit answers in its own voice.

How: Conversational AI embedded in a staged section.

04

Light that follows you

Cards catch a spotlight under the cursor; sections reveal as they enter.

How: rAF-throttled pointer variables and CSS scroll-driven animations with an observer fallback.

Kit section

Technology

  • Next.js 15
  • React 19
  • Motion
  • Kit presence renderer
  • AI SDK

Next project

Sentigen Launchpad

A launchpad where AI-run projects issue a token, build a community and report their progress, with a co-founder dashboard behind each one.

Want one like this?

Tell us about the business. You leave the first call with a direction and a written estimate.