Parallel

Multi-industry venture studio

by Owais

Repo Live site

Description

Parallel is a one-page marketing site for a made-up venture studio that builds companies across six industries at once. A field of small arrows turns to follow the cursor behind a scroll-staged hero, and the centrepiece is a press-and-hold race between the usual way, five steps over 18 months, and Parallel, all five at once in 12 weeks. The page is near-black navy with one pale blue accent and weighs under 200 KB.

Use it for:

a site for a venture studio, accelerator or investment firm
a B2B landing page that explains one big idea
a reference for cursor-reactive canvas backgrounds and scroll-staged heroes

Workflow

Open Claude Code
Install Claude Code, open a terminal in an empty folder and run claude. Pick Claude Opus 5 with the /model command.
Paste the prompt
Copy the prompt on this page and send it as your first message. Claude writes the HTML, CSS and JavaScript; no libraries are needed.
Make the one image
Generate an abstract ribbon of light with Higgsfield (connected to Claude Code), or use any dark abstract photo. Ask Claude to save it as WebP for the hero.
Preview and fix
Ask Claude to start a local preview. Move the cursor over the arrows, hold the Compare button to run the race and check it on a phone, then ask for one fix per message.
Publish on GitHub Pages
Ask Claude to push the folder to a new GitHub repository. Then open the repository's Settings, choose Pages and deploy from the main branch.

Main prompt

Build a one-page marketing site for Parallel, a venture studio that builds and funds companies across fintech, robotics, AI, health, energy and logistics. The big idea: other studios build one company at a time, Parallel runs everything at once, so an idea becomes a launched company in 12 weeks.

Use plain HTML, CSS and JavaScript in three files with no libraries and no build step. Keep it under 200 KB with only one image.

Design: near-black navy #04070f, light text #e8eef8, muted #93a1b8, pale blue accent #a9d0ff and warm white buttons. Geist for text, Geist Mono for small uppercase labels, and one Instrument Serif italic word in some headlines ("every industry"). Hairlines instead of boxes, and a glowing horizon line.

Hero: a tall section with a sticky frame that steps through four beats as you scroll:
1. a pill opens and the headline rises
2. six industry pills fan out into a row
3. two lines slide in from opposite sides
4. a glowing horizon opens

Behind it, a canvas field of small arrows that all turn to point at the cursor, the nearest ones fastest and brightest. Never draw an arrow behind text.

Sections:
1. A one-line intro.
2. What we do: the offer, next to a diagram of the studio wired to six industries.
3. Industries: six cards, each with a short case and two portfolio names.
4. Compare: press and hold to race "the usual way" (five steps, 18 months) against Parallel (all five at once, 12 weeks).
5. How we build: four stages across 12 weeks.
6. Portfolio: four stats that count up and a table of six companies.
7. An FAQ, a "Pitch us" form with validation and a success message, and the footer.

Make it accessible (skip link, focus rings, 44px tap targets) with a full reduced-motion version.