code-anything.com
Log inStart free

Animated

Rotor R2

Rotor R2 is a premium product landing page for a cinematic autonomous camera drone. The hero is a full-screen, pinned studio stage where a sample aerial clip plays and loops while scroll reveals a sequence of product beats — 47-minute flight time, a 1-inch 8K/60 gimbal camera, 360° obstacle sensing and ActiveTrack subject tracking — each sliding in from alternating edges. A signature spinning four-blade rotor glyph and a live telemetry chip carry the rotation motif into the chrome. Below the hero: a sticky nav with a Pre-order CTA, a six-up spec grid (flight time, range, sensor, top speed, sensing, tracking), an aerial photo gallery of real drone footage, a social-proof stat band with an aerial-DP quote, a refundable pre-order/pricing block, and a footer. Palette is a matte near-black studio with teal and indigo accents; type is Space Grotesk display over Inter body with monospace figures. Honors prefers-reduced-motion by resting the stage on its first frame and stacking the beats statically.

A blacked-out aerial studio — a matte-black cinema drone hovering under teal rim-light and indigo bounce, rotors spinning, telemetry glowing, every scroll uncovering another reason to fly it.

rotor.code-anything.app
Rotor R2 · Cinematic droneFilms that fly themselves.An autonomous camera drone that frames, follows and lands the shot while you keep your hands free.
Rotor R2AUTONOMOUS CINEMA DRONE
0mALT · ARMED
SCROLL
THE R2 DIFFERENCE

A film crew that fits in your palm

Point the R2 at your subject and step back. It launches, holds the frame, dodges branches and lands itself — a stabilized 8K camera, an autopilot and a spotter in a 249-gram airframe.

249gNO REGISTRATION NEEDED
SPEC SHEET

Built to keep the camera rolling

FLIGHT TIME
47min
Per charge

Fly through the whole golden hour on a single intelligent battery.

RANGE
12km
O4 transmission

1080p/60 live feed at up to twelve kilometres, rock steady.

SENSOR
8K/60
1-inch CMOS

A 1-inch sensor on a triple-axis gimbal for cinema-grade color.

TOP SPEED
68km/h
Sport mode

Keep pace with cars, bikes and breaking waves without lag.

SENSING
360°
Omni obstacle

Eight vision sensors map the space and route around hazards.

TRACKING
AT5
ActiveTrack 5

Lock a subject and it reframes, follows and predicts the move.

SHOT ON R2

Straight off the sensor

Untouched stills from real R2 flights — coastlines, ridgelines and canopy passes, all autonomous.

Coastline · 8K/60
Coastline · 8K/60
Alpine ridge · D-Log
Alpine ridge · D-Log
Canopy pass · ActiveTrack
Canopy pass · ActiveTrack
Valley fog · orbit
Valley fog · orbit
Summit reveal · pull-back
Summit reveal · pull-back
47 min
Max flight time
12 km
Transmission range
249 g
Takeoff weight
4.8 / 5
Pilot rating

“I sent the R2 up over a moving boat, walked away, and it nailed a shot my crew would’ve spent an afternoon rigging. It just flies the storyboard.”

Lena MarlowAerial DP · Emmy-nominated documentary
SHIPPING SPRING 2026 · FULLY REFUNDABLE

Reserve your Rotor R2.

The Fly More kit — drone, controller, three batteries and a carry case. Reserve now with a fully refundable deposit and lock in launch pricing.

$1,299$1,499$99 DEPOSIT

Design rules

The system, applied to any site

Every rule below travels with the template — describe your tweaks and the agent keeps the system intact.

What it decides for you

  • Sell the Rotor R2 drone, never the scroll mechanic: every headline and line of copy is about flight time, the 8K gimbal camera, obstacle avoidance, subject tracking, range, weight, price or pre-order — not about scrolling or the animation.
  • Keep the rotation motif as packaging: a continuously spinning four-blade rotor glyph (pure SVG/CSS) appears in the wordmark, the hero telemetry HUD and the footer, and a faint turntable ring accents the pre-order block.
  • Hero is a pinned, full-screen studio stage whose sample aerial clip PLAYS and LOOPS (never scrubbed); scroll only drives the product-beat captions that slide in from alternating edges. Honor prefers-reduced-motion by resting on the first frame.
  • Type: one oversized Space Grotesk display headline (clamp ~2–4em) with a single teal→indigo gradient accent word, calm Inter body, and every spec, figure and telemetry value set in a system monospace.
  • Use teal (#39D9C0) and indigo (#6E7BFF) only as accents — rim-lights, the gradient word, the CTA, telemetry ticks — while large surfaces stay matte near-black (#101216 panels, #20242A hairline borders, 18px radius).
  • Show real footage: the aerial gallery uses real product photography GENERATED with the generate_image tool and written into the app (never hot-linked from a stock-photo CDN, and never a photograph of a real, branded product) — never an empty frame — while the drone, rotor glyph, telemetry and rings are CSS + inline SVG.

Ships with

Pinned hero: display headline, looping aerial clip on a studio stage, product-beat captions (flight time, camera, avoidance, tracking) + spinning-rotor telemetry HUDSticky nav (Rotor R2 wordmark + Pre-order CTA)"The R2 difference" intro strip (film-crew-in-your-palm + 249g figure)Six-up spec grid: flight time, range, sensor, top speed, sensing, trackingAerial gallery — real Unsplash drone footage stillsSocial proof: stat band + aerial-DP filmmaker quotePricing / pre-order block (refundable deposit, launch price) + footer

Design tokens

Palette

bg
surface
text
muted
accent
accent2
border

Headings

Space Grotesk

Body

Inter

Radius

18px

Explore palettes

Keep looking

More from the library

AuroraMarketing
Warm ArtisanMarketing
Sharp FadeBooking
CockpitDashboard

Make it yours in minutes.

Start from this template and describe your tweaks — content, sections, colours. The backend and deploy are handled.