NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web single-file (HTML + Tailwind CDN + JS vanilla, sin frameworks) para la marca ficticia VANTORA STUDIO, un eCommerce de kits digitales, plantillas y servicios para startups y equipos producto. Dominio vantorastudio.com, email hola@vantorastudio.com, año 2025. Claim: 'Lanza, vende y crece sin fricciones'. Tono cercano, directo, en español de España, sin jerga marketinera, sin precios concretos inventados salvo placeholders genéricos tipo 'desde X'.
STACK Y REQUISITOS TÉCNICOS:
- Un único archivo index.html autocontenido.
- Tailwind por CDN (https://cdn.tailwindcss.com) con configuración inline para colores y fuentes.
- JS vanilla para: menú móvil, carrito modal lateral, slider de productos (drag/arrows), carrusel de testimonios, acordeón FAQ, toggle de precios y filtros de tiend
7.398 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.398 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Hero con eyebrow, titular grande y dos CTAs
- 1.2 Marquee de logos partners
- 1.3 Propuesta de valor en dos columnas con bullets numerados
- 1.4 Slider de productos destacados
- 1.5 Cómo funciona en 3 pasos
- 1.6 Caso de éxito editorial imagen+texto
- 1.7 Grid 2x2 de servicios
- 1.8 Contador de métricas en 4 columnas
- 1.9 Carrusel de testimonios
- 1.10 Grid de últimas entradas del blog
- 1.11 FAQ en acordeón a dos columnas
- 1.12 CTA final con formulario de email
- 1.13 Footer extenso
TIENDA (SHOP)
- 2.1 Cabecera de página con título grande y breadcrumb
- 2.2 Barra de filtros (categorías, orden, vista grid/list)
- 2.3 Grid de productos en 3 columnas con paginación
- 2.4 Bloque destacado de colección
- 2.5 CTA newsletter
- 2.6 Footer
PRODUCTO (SHOP SINGLE)
- 3.1 Galería de producto a la izquierda y panel de compra a la derecha (precio, variantes, cantidad, add to cart)
- 3.2 Tabs de descripción, especificaciones y envíos
- 3.3 Slider de productos relacionados
- 3.4 Bloque de reseñas
- 3.5 Footer
SERVICIOS
- 4.1 Hero compacto con titular y bajada
- 4.2 Listado de servicios en formato tabla/filas con icono, título, descripción y enlace
- 4.3 Bloque de proceso de trabajo en timeline
- 4.4 Testimonios cortos
- 4.5 CTA contacto
- 4.6 Footer
BLOG
- 5.1 Hero del blog con post destacado grande
- 5.2 Filtros por categoría tipo chips
- 5.3 Grid de artículos 3 columnas
- 5.4 Paginación
- 5.5 CTA newsletter
- 5.6 Footer
SOBRE NOSOTROS
- 6.1 Hero con manifiesto en titular grande
- 6.2 Bloque historia con imagen + texto
- 6.3 Métricas de equipo
- 6.4 Grid de miembros del equipo con foto y rol
- 6.5 Valores en 3 columnas
- 6.6 CTA carrera
- 6.7 Footer
CARRERA
- 7.1 Hero con titular y bajada sobre cultura
- 7.2 Bloque de beneficios en grid
- 7.3 Listado de vacantes en filas con departamento, ubicación y enlace
- 7.4 Testimonio de empleado
- 7.5 Footer
PRECIOS
- 8.1 Hero con titular y toggle mensual/anual
- 8.2 Grid de 3 planes con feature destacado central
- 8.3 Tabla comparativa de características
- 8.4 FAQ
- 8.5 CTA final
- 8.6 Footer
CONTACTO
- 9.1 Hero compacto con titular
- 9.2 Bloque con formulario a la izquierda y datos de contacto + mapa a la derecha
- 9.3 Bloque de oficinas en grid
- 9.4 Footer
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO