deep signal

pro

Get the prompt with monthly ($29 a month), or all three with yearly ($249 a year). Plus tax where it applies.

A one-page promo site for a Cape Town shark-tracking lab launching a public live map. The page is a pinned stage, and scrolling is a dive from 000 to 200 m: the sea goes from a grey-blue surface with caustic ripples to the black abyss, while a dot field and marine snow drift past. A live ASCII shark, drawn on canvas with a soft glow, swims under the dotted headline and chases the pointer. A 2 × 2 hairline grid splits the window into four quadrants, and the shark prints itself in a different glyph mode in each one, glitching as it crosses. A depth gauge counts the metres and rolls the zone name from Epipelagic to Mesopelagic. The first screen opens with a staged intro and blurs away line by line; at the bottom of the dive the second screen builds itself piece by piece: headline, story, a button, the shark's last ping and a partner row.

what you get

prompt
Paste it into Claude, Codex, Kimi or Cursor to rebuild this template. Tested: we rebuild every template from its prompt before it goes live.
project
The Vite + React source code as a .zip, ready to run.
figma file
The editable design as a .fig file to import into Figma.

what's inside

  • navigation
  • hero
  • scroll animation
  • logos

stack

  • react
  • vite
  • typescript
  • canvas

fonts

Bitcount Prop Single, Geist, IBM Plex Mono

Free fonts, linked in the prompt.

colors

  • #06111B
  • #F4F8FB
  • #197A87
  • #44A2C3
  • #FF7A59

license

With monthly or yearly: personal and commercial work, client projects included. Don't resell or share the template, prompt or files.

read the license