# One-Shot Prompt

**Theme**: Deep Sea Research Station
**Generated**: 2026-04-08

## Prompt

Write a complete, self-contained single-file HTML website for a fictional deep-sea research station called Sublevel 7.

The site should feel like a live expedition dossier from an oceanographic institute operating below the thermocline. It must be cinematic, atmospheric, and technically polished, with a strong sense of depth and pressure. Build the page as a static artifact with embedded CSS and JavaScript only. Do not use external images or frameworks.

Visual direction:
- Palette: midnight navy, abyssal purple, bioluminescent cyan, and foam white
- Typography: a monospace UI voice for labels and instrumentation, paired with a clean sans-serif for body copy
- Mood: quiet, scientific, slightly haunted, and high-trust
- Brand name: Sublevel 7
- Tagline: Research below the thermocline

Structure and content:
- A hero section with a large typographic title, a short mission statement, and a pressure/depth readout
- A live-feeling instrumentation strip with modules such as depth, temperature, salinity, and current drift
- At least five distinct sections, including:
  - an expedition overview
  - a specimen log or field notes section
  - a sonar / signal section
  - a technical systems section
  - a closing footer with coordinates, motto, and archive details
- Include a horizontal ticker or marquee carrying research phrases and station status lines
- Include an unexpected section or moment that inverts the palette or changes the reading mode
- Use a canvas-based bioluminescent particle field or similar underwater motion to create atmosphere

Interaction and motion:
- Use Intersection Observer for reveal animations
- Add a subtle cursor reaction or pointer-tracking accent
- Make at least one module react to scroll position
- Add a sonar pulse animation using CSS or SVG
- Provide a reduced-motion fallback that disables non-essential animation

Design details:
- Avoid generic cards and boilerplate SaaS layout patterns
- Use layered gradients, faint grid lines, and soft noise texture to imply underwater pressure and instrumentation glass
- Make the layout feel precise, modular, and editorial
- Keep the site mobile-responsive
- Make the hero and section transitions feel deliberate rather than decorative

Tone of copy:
- The copy should read like archival documentation from a working research station
- Use concise technical language, not marketing fluff
- Include a few concrete but fictional details about depths, organisms, and system readings

Output requirements:
- Produce one complete `index.html` file with embedded CSS and JavaScript
- The HTML should be valid and fully standalone
- No explanation before or after the HTML
- The design must be rich enough to stand as a publishable one-shot demo

## Notes

- Techniques used: canvas particle drift, sonar rings, scroll-linked depth meter, reveal animations, editorial instrumentation UI
- Hosting: Cloudflare Pages or any static host