Inco · Launch Video Breakdown: Hook, Pacing & Motion Design

Scene-by-scene timeline & spoken transcript

1. 0:00 – 0:05

   The Hook

   Product Name & Performance Claims

   “(No spoken dialogue — A sustained, high-pitched synth pad opens, followed by a descending arpeggiated synth melody at 0:01. A percussive synth bassline with a strong attack enters at 0:04, establishing a driving rhythm.)”

   On screen

   inco.ai Splash A local engine built around the model. 3× faster than Ollama 2× faster than oMLX

   Camera

   Static, centered text presentation.

   Motion

   Text reveals with subtle fades and scale animations, numerical counters animating up.

2. 0:05 – 0:21

   Product Reveal

   AI Code Generation & Debugging

   “(No spoken dialogue — Subtle electronic sweeps and risers are noticeable at 0:08 and 0:16, building anticipation.)”

   On screen

   Create a calm page where loosely spaced coral particles drift into "inco", with generous space on warm charcoal and gentle cursor attraction. Thinking Qwen3.8-27B served with Splash OpenCode Up to 144.0 TPS M5 Max - 4 runs Avg 88.7 TPS - Peak context 13,327 tokens The user is asking for the creation of a calm page: coral-colored particles drift The user is asking for the creation of a calm page: coral-colored particles drift toward the text "inco", warm charcoal background, generous spacing, gentle cursor attraction. This is a creative coding task, probably an HTML file containing canvas animation. First, let's check the workspace. Shell ▾ $ ls -la total 0 drwxr-xr-x@ 3 jianchen wheel 96 Sep 16 01:50 . drwxr-xr-x@ 3 jianchen wheel 96 Sep 16 01:50 .. drwxr-xr-x@ 9 jianchen wheel 288 Sep 16 01:50 .git Empty workspace. Create a single HTML file using canvas. Particles will drift, and the word "inco" will be formed by particles being gently pulled toward it. Coral particles on a warm charcoal background. Design: • Background: warm charcoal (around #262220, slightly warm). • Particles: coral tones (a palette of # implementation: draw "inco" onto an offscreen canvas, sample the pixels to obtain the target points, and assign them to particles. Each particle: home target + drift (slow sine-wave wandering + noise), force = attraction toward the home (weak) + gentle cursor attraction + damping. To make it "drift in," have the particles start from random positions and converge over time. To preserve the "calm" feel, keep the settling slow. Add a small title? The request is a page where particles drift toward "inco" — the word itself is formed by the particles. Probably a small caption below would be nice. Keep it minimal. Write a single index.html with vanilla JS, no dependencies. Key details: • devicePixelRatio scaling. • Sample the offscreen text: draw "inco" in a large font (e.g., a serif, or something like 'Instrument Serif'; use a system font with fallbacks; wide letter-spacing). Use ctx.letterSpacing if available, or draw each character individually with manual spacing. Easier: set the font size and use the ctx.letterSpacing property (supported in modern browsers) — but for the safety of sampling, manually place each character. Actually, ctx.letterSpacing is now well enough supported; but let's just draw "i n c o" with a normal space — that gets • Cursor: if dist < 180, force the cursor proportional to (1 - d/R), gently, e.g. 0.02 * falloff. Actually, "gentle cursor attraction" — particles near the cursor are drawn slightly, creating a gentle ripple. • To keep things calm: max-speed clamp. • Draw: soft circles with radial glow (shadowBlur is a bit slow; use small filled circles with alpha, plus a bit of additive compositing with 'lighter'). • Trail effect: instead of a full clear, paint the background with a semi-transparent fill each frame (alpha ~0.28) for soft trails — gives a calm, flowing look. Vary the size of the settled particles, with a subtle shimmer (alpha oscillation) — but keep it calm, a very slow pulse. Colors: a coral palette array; pick randomly per particle. Also handle resize: resample targets and reassign. Let's write the code. Font: use a thin, elegant font: 300 ${size}px 'Optima', 'Gill Sans', 'Avenir Next', system-ui, sans-serif, Let's write the code. Font: use a thin, elegant font: 300 ${size}px 'Optima', 'Gill Sans', 'Avenir Next', system-ui, sans-serif, maybe italic? "inco" lowercase. Generous letter-spacing: draw each character individually with manual spacing. Sampling: to keep the count reasonable, sample with step 4. At a ~120px font, the character pixels are... "inco" is 4 characters, width around 300px. Points probably ~2000–4000. No problem. Free ambient particles: 80, wander with no home, very slow drift, small and dim. Cursor attraction should also slightly affect the ambient ones. Write the file: index.html. Empty repo — I'll create a single self-contained index.html with a canvas particle field. Write index.html ▾ /index.html 250 ctx.setTransform(DPR, 0, 0, DPR, 0, 0); 251 ctx.fillStyle = `rgb(${BG.r},${BG.g},${BG.b})`; 252 ctx.fillRect(0, 0, W, H); 253 buildTargets(); 254 buildParticles(); Also, the particle radius will now be in CSS pixels — no problem, it'll be scaled via the transform. The cursor radius of 170 is in CSS px — good. Another minor point: the step calculation for the target uses a fontPx based on min(W,H) — no problem even in CSS pixels. If node is available, let's do a quick sanity check — maybe I can run a headless check? More simply: verify the JS syntax with node --check? This is an inline Done. index.html — a single self-contained page: • Warm charcoal ( #211d1b ) backdrop with translucent veil trails • ~coral particle field (six muted coral tones) that scatters on load and slowly drifts into the word inco, sampled from a widely letter-spaced 300-weight typeface • Faint ambient particles and slow wander/pulse for a breathing, unhurried feel • Gentle cursor attraction with soft radial falloff within 170px Open it with open index.html (or serve the directory) — no dependencies needed. 1 Changed file +266 -0 index.html +266 -0 Open the page in the browser. Thinking Use open on macOS to open the file in the default browser. Shell ▾ $ open index.html

   Camera

   Static, screen-capture style view of a terminal/IDE, with text scrolling and appearing.

   Motion

   Text typing animation, code highlighting, diff view (green/red lines), and a 'thinking' indicator.

3. 0:21 – 0:26

   Call to Action

   Particle Field Logo Reveal

   “(No spoken dialogue — A prominent sub-bass drop/impact occurs at 0:20, followed by a brief pause and then a final, resonant synth chord at 0:25.)”

   On screen

   Qwen3.8-27B served with Splash OpenCode Up to 144.0 TPS M5 Max - 4 runs Avg 88.7 TPS - Peak context 13,327 tokens inco

   Camera

   Static, wide shot of the particle field, then a slow zoom into the formed 'inco' text.

   Motion

   Particle system animation, where scattered particles coalesce to form a word, with subtle shimmer and trail effects.