---
id: "2112849937314742717"
source: https://x.com/uidotcamera/status/2112849937314742717
author: "UI Camera (@uidotcamera)"
media: "video, 3840x2160, 9.9s"
model: claude-opus-5-5
generated: 2026-10-22
---
# Orbital Diagram Camera Fly-Through

## Summary
A 4K motion piece that flies a virtual camera around thin-line orbital diagrams on black: tilted rings with angle readouts, a dotted sphere of colored particles, and concentric dotted orbits with measurement labels. It turns technical diagrams into cinematic product visuals using only hairlines, dots and depth of field.

## Style
- Theme: dark
- Mood: scientific, cinematic, precise, calm
- Tags: data-viz, orbital, hairline, dotted, 3d-diagram, depth-of-field, motion-design
- Category: Motion, 3D

## Palette
| Role | Hex |
|---|---|
| Background | #0A0A0A |
| Background vignette | #0D0C0F |
| Hairline grey | #4A4D4B |
| Label white | #E6E6E6 |
| Teal dots | #3FB7B0 |
| Lime dots | #B6D45A |
| Coral orbit | #E0503C |
| Amber dots | #E3A13A |

## Typography
- Labels: monospaced or tabular sans, small caps style, tracked out (+0.08em), white at 70% opacity, set along the ring paths. Closest free font: JetBrains Mono (500) or Geist Mono.
- Numbers use degree and unit suffixes in the same font.

## Layout
- 16:9 frame (3840x2160), single centred subject per shot with large empty black margins.
- Rings drawn in perspective (tilted 60 to 75 degrees), labels follow the ring tangent.
- Shallow depth of field: near elements blur, the focal ring stays sharp.

## Elements
- Main orbit: 1.5px white ellipse with a thicker gradient arc segment (teal to lime) marking a sector.
- Radius lines: 1px straight lines from centre to ring with an angle arc and value label.
- Particle sphere: latitude and longitude lines made of 3 to 5px dots in mixed teal, lime, red and white.
- Concentric orbits: dotted circles in coral, amber and teal around a white centre point, with a distance label and ticks.
- Faint background grid and soft vignette.

## Motion
- 0 to 2s: slow dolly-in on the tilted ring; the gradient arc sweeps around it (about 1.2s, ease-in-out).
- 2 to 4s: macro push toward the angle label with rack focus (front elements blur in about 600ms).
- 4 to 7s: cut to the particle sphere rotating around its vertical axis at about 20 degrees per second; dots twinkle.
- 7 to 9.9s: top-down view of concentric dotted orbits; dots travel along their circles at different speeds and the camera rotates slowly.
- All camera moves use long ease-in-out curves (cubic-bezier(0.65, 0, 0.35, 1)).

## Rebuild it
1. Use React Three Fiber with an orthographic or narrow-FOV perspective camera on a #0A0A0A background.
2. Draw rings with `Line` (drei) using thin widths; build the gradient arc as a separate `Line` with `vertexColors` interpolating teal to lime.
3. Render dotted circles and the particle sphere with `Points` and a round point sprite, sizing points with distance attenuation.
4. Place labels with drei `Text` in a mono font, oriented along the ring tangent.
5. Add depth of field and a subtle vignette with `@react-three/postprocessing` (`DepthOfField`, `Vignette`).
6. Choreograph the camera with GSAP or Motion values driving position and lookAt along keyframed paths, with cuts between scenes every 2 to 3s.
7. Export as video for marketing, or keep it interactive with scroll-driven camera progress.

## Generation prompt
A cinematic 4K motion graphics sequence on a pure black background: thin white hairline orbital diagrams tilted in 3D with small monospaced angle labels, a sweeping teal-to-lime gradient arc, a rotating sphere made of colorful dotted latitude and longitude lines, and concentric dotted orbits in coral, amber and teal; slow camera dolly and rotation, shallow depth of field, scientific minimal aesthetic, no logos.