Asme

Overview

Asme is a full-viewport studio marketing hero by SonoJS. Built with Vite, React 18, TypeScript, Tailwind CSS 3, and Lucide. Looping hero.mp4 with soft fade-in/out at loop edges, liquid-glass nav (Features / Pricing / About + Sign Up / Login), Built for the curious Instrument Serif headline, email newsletter pill, Manifesto CTA, and Instagram / Twitter footers. Demo studio chrome only - no newsletter backend. Vite build ready for Cloudflare Workers.

Highlights

1. 01

   Faded video loop

   hero.mp4 fades out near the end and fades back in on restart.

2. 02

   Curious display type

   Instrument Serif Built for the curious over a dark video stage.

3. 03

   Newsletter glass pill

   Liquid-glass email form, Manifesto CTA, and social footer icons.

4. 04

   Vite and fork-ready

   Vite 8 + React 18 + TypeScript + Tailwind 3 + Lucide - npm run build to dist/.

You get

• Full Vite + React 18 + TypeScript source (Asme)
• App.tsx hero with faded video, nav, newsletter, and socials
• Tailwind CSS 3 + PostCSS
• public/assets/hero.mp4
• public/fonts (Instrument Serif)
• lucide-react