Asme

Overview

Asme is a full-page studio marketing landing by SonoJS. Built with Vite, React 19, TypeScript, Tailwind CSS 4, Framer Motion, and Lucide. Faded hero.mp4 with Know it then all. Instrument Serif headline, newsletter glass pill, Manifesto CTA, About Us (Pioneering ideas…), featured video chapter, Innovation x Vision philosophy reel, and Research & Insight / Design & Execution service cards with looping MP4s. Demo studio chrome only - no newsletter backend. Vite build ready for Cloudflare Workers.

Highlights

1. 01

   Faded hero + newsletter

   hero.mp4 fade loop, Know it then all. type, email pill, and Manifesto CTA.

2. 02

   Motion chapters

   About, featured, philosophy, and services sections with Framer Motion reveals.

3. 03

   Video service cards

   Research & Insight and Design & Execution with looping services MP4s.

4. 04

   Vite and fork-ready

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

You get

• Full Vite + React 19 + TypeScript source (Asme landing)
• Hero Index + About / Featured / Philosophy / Services sections
• Tailwind CSS 4 via @tailwindcss/vite
• public/videos (hero, featured, philosophy, services-1, services-2)
• framer-motion + lucide-react