Oryon

Overview

Oryon is a full-viewport AI text-to-video marketing hero by SonoJS (demo brand: Oryon). Zero-build static HTML with Outfit fonts, modular CSS (variables, base, nav, hero, animations), dual-video crossfade background, and vanilla JS. Hero Turn Your Words into Cinematic Reality with AI Engine Ready badge, Start Creating / Watch Demo CTAs, and Trusted by 10,000+ creators avatar strip. Demo generation chrome only - no video API backend. Run with npx --yes serve . or host statically on Cloudflare Workers.

Highlights

1. 01

   Cinematic video stage

   Dual background.mp4 layers with crossfade and Turn Your Words into Cinematic Reality.

2. 02

   AI Engine Ready

   Badge, Start Creating / Watch Demo CTAs, and creator social proof strip.

3. 03

   Modular CSS

   variables / base / nav / hero / animations with Outfit and fade-up entrances.

4. 04

   Zero-build static

   npx --yes serve . - main.js + video-crossfade.js, no build step.

You get

• index.html (Oryon — Turn Your Words into Cinematic Reality)
• css/ variables, base, nav, hero, animations
• js/main.js + js/video-crossfade.js
• assets/fonts Outfit + videos/background.mp4 + avatars

Run locally

From the unzipped project folder:

npx --yes serve .