---
id: "2115707317492801596"
source: https://x.com/superteam/status/2115707317492801596
author: "Superteam (@superteam)"
media: "video, 3000x3000, 11.0s"
model: claude-opus-5-5
generated: 2026-10-31
---
# Lavender World Map Travel Arcs

## Summary
A square event announcement animation: a lavender world map with soft pink cloud texture, where dark badge tiles for regional chapters pop up around the globe and violet arcs fly from each one to a single red venue pin, each tagged with a travel time pill, before the camera pushes in on the destination. It is a clean, branded way to turn "everyone is coming to one place" into a map graphic.

## Style
- Theme: light (lavender and lilac)
- Mood: celebratory, connected, clean, energetic, friendly
- Tags: world-map, flight-arcs, map-pins, event-promo, badge-tiles, camera-zoom, data-viz
- Category: Motion, Illustration

## Palette
| Role | Hex |
|---|---|
| Ocean lavender | #ADA1DB |
| Page | #F4F4FD |
| Land lilac | #EEE8FD |
| Cloud pink | #D2B8E2 |
| Badge plum | #422041 |
| Pale violet | #F7ECFE |
| Arc violet | #6B4CF0 |
| Pin red | #F0384F |

## Typography
- Event wordmark at bottom left: a placeholder logotype in a wide geometric display sans, black, all caps with digits, about 5% of frame height, preceded by a three-bar glyph. Space Grotesk (700) or Unbounded (800).
- Caption at bottom right ("Travel from each ... to ...", then a date line): sans medium, 2 lines at about 1.6% of frame height in near black, the date line in grey. Inter (500 and 400).
- Map pills ("~1h", "~2h", "~3h") and venue label: sans semibold white, small; the venue label sits in a red rounded pill. Inter (600).

## Layout
- 1:1 canvas (3000x3000) on a #F4F4FD page.
- Map card occupies the top 77%, inset about 2% from the edges, with 24px corner radius.
- Footer band underneath: wordmark left aligned, caption right column starting at about 68% of the width; the caption types in line by line.
- Badge tiles: dark plum squircles about 2% of the map width (later about 7% when zoomed) with 8px radius, a white monogram and a small round flag badge at the lower right.
- Time pills: violet rounded rectangles about 40x18px at map scale, placed at the midpoint of each arc.

## Elements
- Equirectangular world map in near-white land on a lavender ocean, overlaid with a faint pink and violet cloud noise texture.
- A red teardrop pin with a white dot on the venue, wrapped in a pale violet radius circle (about 8% of map width) and a red label pill.
- 20 to 30 badge tiles distributed by region, each with a different flag badge; one tile shows a white fedora instead of a monogram.
- Violet great-circle arcs (2px) from each badge to the pin, plus thin dark connector lines to the pills when zoomed.
- Time pills with tilde-prefixed hour estimates.

## Motion
- 0 to 1s: the map fades in with the pin and radius ring pulsing once (scale 0.8 to 1, 400ms).
- 1 to 6s: badges pop in region by region with a spring (scale 0 to 1, about 300ms, 60ms stagger); each arc draws from badge to pin in about 700ms ease-in-out, then its time pill fades in.
- 2 to 5s: the caption types on character by character, then the date line appears.
- 6 to 8.5s: the camera zooms into the destination region (about 4x over 1500ms, ease-in-out), badges and pills scaling with the map.
- 8.5 to 11s: hold on the close-up with subtle cloud drift.

## Rebuild it
1. Layout: a square `aspect-square max-w-3xl bg-[#F4F4FD] p-4 grid grid-rows-[1fr_auto] gap-4`; the map is `rounded-3xl overflow-hidden relative`.
2. Map: an inline SVG world map (land #EEE8FD, ocean #ADA1DB) with a blurred noise PNG overlay at 40% using `mix-blend-mode: multiply`.
3. Project badge and pin coordinates to percentage positions; draw arcs as quadratic SVG paths and animate `pathLength` 0 to 1 with per-badge delays.
4. Badges: `motion.div` with `initial={{scale:0}}` and spring stiffness 400, damping 20; flags as 30% sized circles at the corner.
5. Zoom: wrap the map layers in one `motion.g` or div and animate `scale` and `x`, `y` toward the pin with 1.5s ease [0.65,0,0.35,1].
6. Caption: reveal characters with `staggerChildren: 0.02`; use Space Grotesk for the wordmark placeholder.

## Generation prompt
A square motion graphic of a soft lavender world map with pink cloud textures inside a rounded card: small dark plum app-icon badges with tiny country flags pop up across the continents and glowing violet arcs fly from each to a single red map pin with a pale halo, each arc labelled with a small violet travel-time pill, then the camera zooms smoothly into Western Europe; clean event promo style, bold geometric wordmark placeholder below, no real logos.