Aethera

Overview

Aethera is a full-viewport studio marketing hero by SonoJS. Built with Vite, React 19, TypeScript, and Tailwind CSS 4. Soft looping hero.mp4 with edge fade, Aethera® nav (Home / Studio / About / Journal / Reach Us), Beyond silence, we build the eternal. display headline (Instrument Serif italics), deep-work platform copy, and Begin Journey CTAs. Demo studio chrome only - no contact backend. Vite build ready for Cloudflare Workers.

Highlights

1. 01

   Faded video stage

   Looping /videos/hero.mp4 with soft opacity fades at the loop edges.

2. 02

   Eternal display type

   Beyond silence / the eternal. with Instrument Serif italics on a light canvas.

3. 03

   Begin Journey chrome

   Studio nav plus matching Begin Journey pills in the header and hero.

4. 04

   Vite and fork-ready

   Vite 8 + React 19 + TypeScript + Tailwind 4 - npm run build to dist/.

You get

• Full Vite + React 19 + TypeScript source (Aethera)
• Navbar, HeroContent, VideoBackground
• Tailwind CSS 4 via @tailwindcss/vite
• public/videos/hero.mp4
• Instrument Serif + Inter font assets