---
id: "2114653188557086916"
source: https://x.com/oguzyagizkara/status/2114653188557086916
author: "Oğuz Yağız Kara (@oguzyagizkara)"
media: "video, 3360x1800, 20.5s"
model: claude-opus-5-5
generated: 2026-10-31
---
# Particle Vortex Word With Orbiting Logos

## Summary
A near-black canvas where a word assembles out of dust-like particles while a warm swirling vortex passes through it and dozens of flat white logo glyphs tumble in 3D orbit around it, eventually resolving into a two-word phrase. It is a strong reference for particle text, depth-of-field blur and orbiting sprites used as a living "trusted by" or category hero.

## Style
- Theme: dark (near black)
- Mood: mysterious, energetic, cinematic, techy, kinetic
- Tags: particles, particle-text, orbit, 3d-sprites, vortex, depth-of-field, webgl
- Category: 3D, Motion

## Palette
| Role | Hex |
|---|---|
| Background | #151316 |
| Background lift | #181518 |
| Glyph white | #F5F5F5 |
| Particle grey | #7A767A |
| Ember brown | #8C5A36 |
| Dim particle | #4A464B |

## Typography
- Particle word ("Startups", later preceded by "AI"): rounded geometric sans, regular to medium, title case, about 8% of frame height, rendered as thousands of grey dots rather than solid fills. Sample from Nunito Sans (500) or Inter (500) into points.
- The "AI" prefix appears as a solid white bold sans glyph among the orbiting sprites. Inter (700).
- No other text.

## Layout
- Roughly 15:8 canvas (3360x1800), entirely near black, no UI chrome.
- The word sits slightly above centre at about 40% height and spans roughly 20% of the width.
- An elliptical orbit band around the word, about 55% of the width and 40% of the height, tilted toward the viewer so sprites near the bottom are larger and sharper.
- Depth cues only: sprites far away are small and blurred, near ones up to about 8% of frame height and crisp; no borders, radii or shadows.

## Elements
- Particle cloud: 3000 to 6000 tiny 1 to 2px grey points that form the letters, drift and re-form.
- Vortex: a curved comet-like stream of warm brown particles that sweeps through the word like a ring.
- Orbiting sprites: about 30 flat white glyphs (abstract knots, heart, chat bubble, letter marks, sparkles, rounded squares) as placeholder company symbols, some seen edge-on.
- A bright white sprite occasionally passing out of frame at the top edge.

## Motion
- 0 to 2s: a faint smudge of particles in the middle, mostly empty.
- 2 to 6s: particles converge into the word over about 1500ms ease-out while the warm vortex ring spins through the first letters; sprites start orbiting.
- 6 to 10s: the ring swirls across the word (about 2s per revolution), partially scattering letters, then they re-form.
- 10 to 14s: a burst; the word explodes into noise and sprites rush close to the camera, rotating on all axes (about 90deg per second) with heavy motion blur.
- 14 to 20s: sprites recede, the particles settle into the final two-word phrase; slow continuous orbit loops.

## Rebuild it
1. Use react-three-fiber inside a full-bleed `div.h-screen.bg-[#151316]`; set a perspective camera at z 10 with a 35deg FOV.
2. Particle text: draw the word to an offscreen canvas, sample filled pixels into a Float32Array of targets, and render a `Points` mesh with size 0.02 and `#7A767A`.
3. In `useFrame`, lerp each particle toward its target with noise offsets; for the scatter beat, add curl noise and lower the lerp factor.
4. Vortex: a second `Points` set on a torus path coloured #8C5A36 with additive blending, rotating 3rad per second.
5. Sprites: 30 planes with white SVG textures placed on a tilted ellipse; rotate the group slowly and each plane on random axes; add DepthOfField from postprocessing.
6. Drive the beats with Motion's `animate()` on a shared progress value so the timeline (form, swirl, burst, settle) loops every 20s.

## Generation prompt
A cinematic dark motion graphic on a near-black background: a word made of fine grey dust particles forms in the centre while a warm brown swirl of particles spirals through it, and dozens of flat white abstract icon glyphs tumble and orbit around it in 3D with strong depth of field and motion blur, then the particles scatter and re-form into a short two-word phrase; mysterious, techy, elegant, no real logos.
