- Video hero
- Scroll animation
What makes it special
- Scroll animation
- Product filters
- Cart
- Search
- Carousel
- FAQ
- Demo form
- Reveals on scroll
- Continuous horizontal ticker
- Product flight to the cart
- Muted videos with lazy loading
- prefers-reduced-motion respected
What's included
- Prompt to recreate and customize the design with AI.
- Site code and files: images, fonts and licences.
- Interactive demo and instructions.
- Use on your own sites and final client projects.
Demo sections and screens (13)
- Header with menu and search
- Hero
- Ticker
- Product grid
- Split promo
- Manifesto with video
- “Learn more” cards
- FAQ
- Membership
- Catalog with filters
- Product page
- Local cart
- Footer
What you can customize
- Name, products, prices and copy (examples included)
- Ink green / sage / ivory / earth palette
- Typefaces (italic serif + sans, with a web license)
- Number of products, filters and home page blocks
How to start
- Copy the prompt and download the files.
- Take them to your AI tool and ask for the changes: brand, copy and images.
- Review the result and publish it on your domain.
Download the package and copy the prompt: your AI tool works on sitio/ (Liquid theme + SAVIA content). `npm ci`, `npm run build` and `npm start` generate and serve the original site; `npm run verificar` compares it file by file. Change copy, products, prices and images in content/ without touching the theme. The store does not charge or process orders until you connect your payment gateway.
The result depends on your AI tool and the changes you make. The demo shows the visual direction.
Technical details & requirements
Requirements
- Node.js 20 or later and npm to generate the site (LiquidJS).
- Static hosting; the /api functions for contact and newsletter are optional.
- Your own web license for Helvetica Now Display and Mazzard (the design’s commercial typefaces) to publish it.
- Not included: AI tool (and its credits), domain and hosting.
Technologies
- Vite
- HTML, CSS & JavaScript
Implemented in the package you download.
Tema Liquid (Shopify) generado a sitio estático con LiquidJS · HTML, CSS y JavaScript · Carrito en localStorage
Suggested AI tools
ClaudeCodexv0Lovable
Compatible with the design instructions; not a recorded test.
Tested compatibility: No recorded test yet.
Palette and typography
- Serif con itálica expresiva (titulares)
- Sans neutra (interfaz y párrafos)
Layout: Artboard 1440 · full-bleed hero · grid of 3–4 cards · catalog with 9–10 products per page
Licence & versions
Use it on your own sites and in final client projects, including commercial use. Do not resell or redistribute the prompt, the files or the site as a template. Read the licence
Provenance: Package v1.2.0: code and assets from the approved original site (piloto-02-ecommerce.vercel.app): Liquid theme generated to static with LiquidJS, photos, packshots, videos and typefaces from the original. Notices in LICENCIAS-Y-AVISOS.md.
- Version
- v1.2.0 · Published Oct 28, 2026
- Versions
- v1.2.0 · 2026-11-03 — Approved original version (the one on Vercel and in the listing’s video): theme, content, assets and fonts from the published site; 170/170 files identical to the original.
- v1.1.0 · 2026-10-30 — Code and assets package: runnable project, images, typefaces and licenses (74 files). Prompt aligned with the package.
- v1.0.0 · 2026-10-29 — Release: video preview of the Savia demo and short prompt. No downloadable package.