PG-44 ยท AI product
Orrin
A product page for an AI assistant: a living 3D orb whose surface pattern grows in real time and changes with every section, a prompt bar that types a question and streams an answer with sources, then features, how it works, privacy, three plans and questions.
$49 one-time, for one website. Or every template with a pager membership.
Buy OrrinOpen the live preview
Sections
- Opening: headline, two buttons and a prompt bar that streams a sample answer with source chips
- Row of customer names
- Three feature beats, pinned on desktop
- How it works in three steps
- Privacy and security
- Free, Team and Business plans
- Questions
- Last call and footer
In the ZIP
- index.html, with css/ and js/ folders
- The orb, pattern simulation, prompt bar and scroll code, written for this template
- three.js and Lenis (MIT, licences included)
- Syne, Inter, Space Mono and Cormorant font files with their licences
- A still picture of the orb, used when 3D is unavailable
- LICENSES-THIRD-PARTY.md
- AI-INSTRUCTIONS.md for Claude or ChatGPT
- README.md for you
The orb and its growing pattern are made in code, so no photos or model files are needed. The prompt bar plays sample questions and answers you write; it is not connected to an AI service. Opens best on a web server (every host in the instructions is one). The live orb needs WebGL; without it, or with reduced motion on, visitors see a still picture of the orb instead.
Design
Comes set up as Orrin with clean sans headings, on a #e7e4db background with #141512 text and a #ff3d1f accent. Your AI assistant swaps the name, colours and fonts for yours.
How it works
Buy the template and download the ZIP. Drag it into a chat with Claude or ChatGPT and tell it about your business. It follows the included AI-INSTRUCTIONS.md to change the words, colours, fonts and pictures, then walks you through putting the site online on Netlify or Vercel, both free for small sites. Prefer not to do it yourself? We can set it up and put it online for you.