---
id: "2115571105721110713"
source: https://x.com/shapelayer/status/2115571105721110713
author: "Leon Fucak (@shapelayer)"
media: "video, 3296x2160, 34.9s"
model: claude-opus-5-5
generated: 2026-10-31
---
# Plush Mascot AI Agent Promo

## Summary
A soft product promo for a personal assistant app, set on misty pale blue: a two-line headline with blue keywords, a fuzzy plush mascot in a white circle, and a short chat exchange where the agent lists today's priorities, completes them and adds a playful nudge, ending on a blue brush-stroke mark. The felt-like 3D character makes a text-heavy chat demo feel warm and human.

## Style
- Theme: light (misty pale blue)
- Mood: gentle, friendly, airy, reassuring, cute
- Tags: ai-assistant, mascot, plush-3d, chat-bubbles, product-promo, soft-gradient, end-card
- Category: Product video, 3D

## Palette
| Role | Hex |
|---|---|
| Mist | #EAF2F8 |
| Haze | #F1F6F9 |
| Sky tint | #DFECF6 |
| Bubble white | #FCFCFD |
| User bubble blue | #CAE0F7 |
| Plush beige | #E5D7C6 |
| Plush shadow | #BCB0A3 |
| Accent blue | #1F5FE8 |

## Typography
- Headline ("Your all in one personal AI agent"): geometric humanist sans, medium 500, sentence case, slightly tight tracking, two centred lines at about 10% of frame height each; dark slate #1E2733 with the key words in accent blue. Inter (500) or Manrope (600).
- Agent name label under the avatar: sans medium 14px equivalent, dark, in a white pill. Inter (500).
- Chat text: sans regular 12 to 14px equivalent, near black, 1.45 line height; inline emoji used as small icons. Inter (400).

## Layout
- Roughly 3:2 canvas (3296x2160) with a misty radial gradient, brighter at the top and blue-tinted at the bottom corners.
- Headline centred at about 45% height.
- Avatar circle: white disc about 34% of frame height for close-ups, about 10% when docked above the chat; soft shadow 0 20px 60px rgba(67,91,128,0.15).
- Chat column: about 40% of the width, centred; agent bubbles left aligned white cards with 14px radius and 16px padding; the user bubble right aligned in pale blue, fully rounded.
- 12px gaps between bubbles, generous empty space all around.

## Elements
- Two-line headline with blue highlighted words.
- Plush mascot: cream fleece body with a hood-like head, small black eyes, pink cheeks, simple smile; one pose wearing black headphones at a laptop.
- White avatar disc with a name pill overlapping its bottom edge.
- Agent card with a greeting chip, a three-item priority list with tiny coloured icons (proposal, designs, calendar), and a closing question.
- User bubble in light blue, then a short "done" bubble with a check emoji and a longer suggestion bubble.
- End card: a thick blue brush-script letter mark centred on the mist.

## Motion
- 0 to 4s: headline words rise and unblur in sequence (about 80ms stagger, 500ms each).
- 4 to 8s: huge blurred letters slide past as the camera moves through the text, revealing the avatar disc which scales up from 0.6 with a soft spring.
- 10 to 16s: the avatar shrinks and docks at the top (about 600ms ease-in-out); the agent card fades up 12px, its list items appearing with a 120ms stagger.
- 18 to 22s: cut to the headphone pose in the disc, gentle bobbing loop.
- 24 to 30s: user bubble slides in from the right, typing dots, then two agent bubbles pop in from the left with scale 0.95 to 1.
- 31 to 35s: everything fades; the brush mark draws on as a stroke over about 700ms.

## Rebuild it
1. Stage: `min-h-screen grid place-items-center` with `background: radial-gradient(120% 80% at 50% 0%, #F1F6F9, #EAF2F8 50%, #DFECF6)`.
2. Headline: split into words, `motion.span` with `initial={{opacity:0,y:16,filter:'blur(8px)'}}` and `staggerChildren: 0.08`; accent words `text-[#1F5FE8]`.
3. Avatar: `rounded-full bg-white shadow-[0_20px_60px_rgba(67,91,128,0.15)]` holding a pre-rendered plush PNG; share a `layoutId` between the big and docked versions.
4. Chat: a `flex flex-col gap-3 max-w-md` list; agent bubbles `bg-white rounded-2xl p-4 text-sm`, user bubble `self-end bg-[#CAE0F7] rounded-full px-4 py-2`.
5. Sequence bubbles with `AnimatePresence` and delays; show a three-dot typing indicator with looping opacity.
6. End mark: an SVG brush path in #1F5FE8 animated with `pathLength`.

## Generation prompt
A soft promotional animation for a personal assistant app on a misty pale-blue gradient: a centred headline with a few words in bright blue, a cute plush fleece mascot with tiny black eyes and pink cheeks inside a white circle, then a minimal chat where white message cards list today's priorities and a light-blue reply bubble answers, the mascot shown wearing headphones at a laptop, ending on a bold blue brush-stroke letter; airy, gentle, friendly, no real brand names.