VIRIDIA

Overview

VIRIDIA is a full-viewport tactical techwear marketing hero by SonoJS. Shipped as a zero-build static SPA with Chakra Petch + Poppins. Dual-plate hero (hero-masked.png / hero-unmasked.jpg) with Move the light to reveal interaction, We Adapt. We Shield. We Disappear. field copy for low light and high stakes, and See the collection CTA. Demo apparel chrome only - no checkout backend. Run locally with npx --yes serve -l 8765 or host the folder statically on Cloudflare Workers.

Highlights

1. 01

   Light-reveal mask

   Move the light to reveal swaps masked PNG over the unmasked plate.

2. 02

   Field copy + CTA

   We Adapt. We Shield. We Disappear. with See the collection chrome.

3. 03

   Techwear type

   Self-hosted Chakra Petch + Poppins on a dark tactical theme.

4. 04

   Documented run command

   npx --yes serve -l 8765 for local preview on port 8765.

You get

• index.html (complete VIRIDIA hero)
• assets/ bundled CSS + JS
• fonts/ Chakra Petch + Poppins
• hero-masked.png and hero-unmasked.jpg
• favicon.svg

Run locally

From the unzipped project folder:

npx --yes serve -l 8765