NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa single-file usando HTML + Tailwind CSS por CDN + JS vanilla para una marca ficticia llamada Verdania Studio, un estudio que vende una plantilla de ecommerce y marketing orientada a startups SaaS y servicios digitales. Dominio verdania.studio, email hola@verdania.studio, año 2025, claim: "Lanza, vende y crece desde un mismo lugar". Todo el copy en español de España, 100% original, sin jerga marketinera ni precios concretos.
ESTILO VISUAL:
- Estética minimalista, editorial, con mucho espacio en blanco y bloques muy claros.
- Paleta: fondo principal #F5F3EE (hueso cálido), fondo alterno #FFFFFF, tinta principal #111111, gris medio #6B6B66, acento verde oliva oscuro #2E3A2B y un toque cálido #D9C7A7 para detalles.
- Tipografía: titulares con una serif de carácter (usa "F
5.992 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.992 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 titular, subtítulo y doble CTA
- 1.2 Barra de logos de partners
- 1.3 Grid de productos destacados
- 1.4 Bloques de soluciones tipo split
- 1.5 Contadores de métricas
- 1.6 Carrusel de testimonios
- 1.7 Tarjetas del blog
- 1.8 Planes de precios
- 1.9 FAQ en acordeón
- 1.10 CTA final
- 1.11 Footer
ABOUT
- 2.1 Hero con titular y descripción del estudio
- 2.2 Bloque misión/visión a dos columnas
- 2.3 Timeline con hitos por año
- 2.4 Grid del equipo con fotos y roles
- 2.5 Galería de cultura
- 2.6 CTA final
- 2.7 Footer
SOLUCIONES
- 3.1 Hero de soluciones
- 3.2 Grid de servicios con icono, título y descripción
- 3.3 Bloque de proceso por pasos numerados
- 3.4 Casos de éxito en tarjetas
- 3.5 CTA final
- 3.6 Footer
BLOG
- 4.1 Hero del blog con buscador
- 4.2 Filtros por categorías
- 4.3 Grid de artículos paginado
- 4.4 Newsletter inline
- 4.5 Footer
PRODUCTO (LISTADO)
- 5.1 Hero del shop
- 5.2 Filtros laterales y orden
- 5.3 Grid de productos con tarjetas
- 5.4 Paginación
- 5.5 Footer
PRODUCTO (FICHA)
- 6.1 Galería de imágenes del producto
- 6.2 Información, selector de variantes y botón añadir
- 6.3 Descripción extendida en pestañas
- 6.4 Productos relacionados
- 6.5 Footer
CARRERA
- 7.1 Hero con propuesta de empleo
- 7.2 Listado de vacantes por departamento
- 7.3 Beneficios en grid de iconos
- 7.4 CTA de candidatura espontánea
- 7.5 Footer
PRECIOS
- 8.1 Hero de precios con toggle mensual/anual
- 8.2 Tres planes comparativos
- 8.3 Tabla comparativa detallada
- 8.4 FAQ de pago
- 8.5 Footer
CONTACTO
- 9.1 Hero de contacto
- 9.2 Formulario y datos directos
- 9.3 Mapa
- 9.4 Footer
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO