Independent design concept · Not the official website
← RETURN TO CONCEPT BUILD RECIPE / ATLAS 001

MIDNIGHT
DISPATCH.

A static concept with a generated night-road film, procedural Canvas route map, and SVG tow cable. Sol 5.6 directed the concept, implementation, and three refinement passes. Business facts remain separate from the speculative visual identity.

01 / SOURCE

Business: Sisters Towing and Transportation
Category: Towing service
City: West Palm Beach, Florida
Phone: (561) 687-0820
Listing signal: 3.5 from 248 reviews

No email, address, hours, response time, service menu, or business claims were added.

02 / FILM

Renderer: Higgsfield
Model: Kling 3.0 Turbo
Job: bf621e3f-6075-45c4-9666-86493afc3c76
Cost: 7.5 credits
Local asset: assets/hero.mp4

Direction: cinematic night-road tow study, midnight plum shadows, chartreuse road signal, blush highlights, energetic tracking move, physically plausible light trails, no logos or text.

03 / THREE MOTION LAYERS

Primary

The Kling film creates the road-world motion while a moving Canvas marker travels a procedural route through the hero.

Secondary

The SVG tow cable changes dash offset with scroll; factual cards enter decisively; map nodes pulse and connect into a dispatch network.

Ambient

Coordinate labels drift, grids recede, signal lights blink, orbit rings turn, and the film receives a restrained plum/chartreuse grade.

Personality: energetic and decisive. Signature easing: cubic-bezier(0.16, 1, 0.3, 1). Reduced-motion removes all loops, video, smooth scrolling, and long transitions.

04 / BUILD

  1. Keep hero.mp4 in assets/.
  2. Serve the project folder with a static server.
  3. Canvas automatically scales to the viewport and pixel ratio.
  4. The map grid remains a complete fallback without the video.
python -m http.server 8080
# open http://localhost:8080

05 / DEPLOY

No framework or build command is required.

vercel deploy --prod --yes

vercel.json provides security headers and long-lived caching for the local film asset.

06 / THREE ITERATIONS

  1. Architecture: replaced a conventional hero-and-cards structure with a full-screen atlas, routed factual sequence, night window, and oversized direct-call terminal.
  2. Motion and distinctness: added procedural route topology, a moving marker, scroll-shaped tow cable, drifting grid labels, Kling film, pulsing nodes, and decisive staggered entrances.
  3. Resilience and restraint: tightened mobile card flow, eliminated overflow risk, added reduced-motion, film fallback, semantic structure, exact phone links, persistent disclosure, and indexing controls.