Osma – Website Template for AI Agents

SKU: 2026092615120873

Osma is a one-page HTML template for perfume houses and niche fragrance brands. A single WebGL scene of up to 60,000 particles runs behind the whole page and reshapes itself as you scroll: a pulsing rose, a copper still, a vanillin molecule, a filled flacon. Every visual is drawn in code, so there are no photos to license.A ready website template prepared for adapting with AI tools and agents such as Claude (Claude Code), ChatGPT (Codex), Cursor, Lovable and others. The download is a ZIP with the finished page (index.html) and RECREATE.md, a build prompt for an AI coding agent that describes the concept, the motion system and the accessibility work and ends with the full source of the page.

License Type: Commercial Use
Cena regularna 137,44 PLN Cena sprzedaży 137,44 PLN

Podatek wliczony w cenę.

Nie możesz dodać więcej Osma – Website Template for AI Agents w Commercial Use do koszyka

We accept:
  • American Express
  • Apple Pay
  • Bancontact
  • BLIK
  • Google Pay
  • iDEAL Wero
  • Klarna
  • Maestro
  • Mastercard
  • MB WAY
  • MobilePay
  • PayPal
  • Przelewy24
  • Shop Pay
  • Union Pay
  • Visa

Lifetime Access – Zapłać raz, używaj na zawsze

Bez tokenów, bez kredytów. Bez miesięcznych opłat. Bez rocznych odnowień.

Zdobądź Lifetime Access

Prawdziwie nielimitowane pobrania

Osma is a single-file HTML template for a perfume house, written as a dark scroll story that follows one perfume from flower to bottle. It is made for niche fragrance brands, independent perfumers and beauty labels with a scent to launch. Everything is plain HTML, CSS and JavaScript with no framework, no build step and no photographs: every visual is drawn in code, and the Bodoni Moda and Hanken Grotesk typefaces are embedded in the page.

One WebGL scene sits behind the entire page: 60,000 particles on desktop, 36,000 on tablets and 16,000 on phones. As you scroll, every point travels on its own delay from one form to the next and curls through a slow current halfway there. The forms are generated in code: a rose whose 26 petals follow the golden angle, the copper coil of a still with liquid running through it and vapour lifting off, a vanillin molecule built to real bond lengths and colored by element, and a bottle filling with liquid that sloshes when you scroll fast. After the bottle the particles unwind into a trail of scent that keeps drifting beneath the collection, the atelier, the discovery set, the FAQ and the newsletter.

The hero moves from the first second, before anyone touches the page. The rose pulses outward from its heart and its petals ripple like silk moving under water, threads of scent and pollen rise out of it, and a wash of color shifts at the edges of the frame. The last word of the headline keeps changing, three note names circle the flower in 3D and dim as they pass behind it, the buttons drift toward the cursor, and a ticker of raw materials slides along the foot of the screen. Move the pointer and the particles part around it in widening rings; the first flick of the scroll stirs the whole scene.

When a scroll gesture ends, the page glides on to the next chapter or section instead of stopping between two. Chapter names in the header track your progress and jump straight to each form, and titles build letter by letter, running in reverse when you scroll back up. Below the story, pale paper cards float over the live scene: three perfumes with dot signatures for their top, heart and base notes, a discovery set, an FAQ that keeps one answer open at a time and a newsletter form with inline messages. The download is a ZIP with the finished page (index.html) and RECREATE.md, which holds the complete page source and notes on how the motion system works. Brand names, prices and contact details are placeholders for your own.

Key Features
– Plain HTML, CSS and JavaScript in one file, with no framework, no build step and no image files
– WebGL scene of up to 60,000 particles that morphs from rose to still, molecule, flacon and scent trail
– Hero that moves before any input: a pulsing rose, rising scent threads, a changing headline word and orbiting note names
– Scrolling that glides on to the next chapter, plus header chapter links that jump straight to each form
– Perfume cards with dot signatures for top, heart and base notes, a discovery set card and an FAQ accordion
– Reduced-motion mode with a still of each form, and a static layout wherever WebGL is unavailable
– Native dialog menu, skip link and a labeled newsletter field with inline error and thank-you messages

Ideal For
Niche perfume houses, independent perfumers and new fragrance launches.
Beauty and craft brands that want to show how their product is made.
Studios pitching a dark, motion-led brand site with no photography to license.

Categories:
Hair And Beauty, Product Launch

Pages included:
Landing Page

Styles:
Bold, Dark, Modern, Typographic

Features:
Single File, Scroll Animation, WebGL, Reduced Motion, Native Dialog, Responsive

Download the ZIP after purchase and unzip it. Open index.html in a browser to preview the page. Edit the HTML directly, or follow RECREATE.md with an AI coding agent. If this template uses hosted images, keep an internet connection while previewing them.

A ZIP containing index.html, RECREATE.md and any included original image files in assets/. Open index.html to preview the page, or follow RECREATE.md to rebuild and customize it with an AI coding agent.

✓ All transactions secured by Shopify Payments (powered by Stripe) and PayPal
✓ SSL encryption protecting all payment data
✓ Download link delivered via email instantly after payment, usually 1–2 minutes
Secure Payments
Sprzedawca: OneDollarStock

This is a digital HTML website template. The ZIP download is delivered after purchase.

Related Products:

custom-relatedproducts-ODS_liquid

What's new?

Recently viewed products: