NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa de una sola página (single-file HTML) para 'Veltrana Studio', una agencia digital ficticia especializada en estrategia, contenido y rendimiento para marcas en expansión. El claim es 'Estrategia, contenido y rendimiento para marcas que quieren crecer'. Dominio veltrana.com, email hola@veltrana.com, año 2025. Todo el copy debe ser original en español de España, sin jerga marketinera vacía, verbos en activo, sin precios concretos.
STACK Y REQUISITOS TÉCNICOS:
- HTML5 + Tailwind CSS vía CDN (script de cdn.tailwindcss.com) + JavaScript vanilla en un único archivo.
- Sin frameworks externos, sin imágenes externas obligatorias (usa placeholders con gradientes, SVG inline o divs con background; si necesitas imágenes reales usa https://images.unsplash.com con consultas tipo a
7.920 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.920 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 Header transparente con dropdowns y CTA
- 1.2 Hero pantalla completa con métrica social
- 1.3 Tira de logos de marcas
- 1.4 Sobre nosotros con imagen y contadores
- 1.5 Grid de 4 servicios
- 1.6 Proceso de trabajo en 4 pasos
- 1.7 Casos de estudio destacados
- 1.8 Estadísticas con contadores grandes
- 1.9 Carrusel de testimonios
- 1.10 Grid de equipo
- 1.11 CTA intermedio
- 1.12 Últimas entradas del blog
- 1.13 FAQ en acordeón
- 1.14 Footer con newsletter
SOBRE NOSOTROS
- 2.1 Header
- 2.2 Hero con titular y breadcrumb
- 2.3 Historia de la agencia con imagen y texto
- 2.4 Misión, visión y valores en 3 tarjetas
- 2.5 Contadores de logros
- 2.6 Equipo completo
- 2.7 CTA final
- 2.8 Footer
SERVICIOS
- 3.1 Header
- 3.2 Hero de servicios
- 3.3 Listado detallado de servicios alternando imagen-texto
- 3.4 Metodología paso a paso
- 3.5 Testimonios
- 3.6 CTA
- 3.7 Footer
CASOS DE ESTUDIO
- 4.1 Header
- 4.2 Hero con filtros por categoría
- 4.3 Grid de casos con tarjetas grandes
- 4.4 CTA
- 4.5 Footer
DETALLE DE CASO
- 5.1 Header
- 5.2 Hero del caso con cliente, sector y duración
- 5.3 Imagen principal grande
- 5.4 Reto, solución y resultados en columnas
- 5.5 Métricas conseguidas
- 5.6 Galería
- 5.7 Caso siguiente
- 5.8 Footer
PRECIOS
- 6.1 Header
- 6.2 Hero de precios
- 6.3 Tabla de 3 planes con toggle mensual/anual
- 6.4 Comparativa de características
- 6.5 FAQ de precios
- 6.6 Footer
BLOG
- 7.1 Header
- 7.2 Hero con post destacado
- 7.3 Grid de artículos con filtros por categoría
- 7.4 Paginación
- 7.5 Newsletter
- 7.6 Footer
POST DEL BLOG
- 8.1 Header
- 8.2 Hero del artículo con autor y fecha
- 8.3 Contenido del artículo con tipografía editorial
- 8.4 Compartir en redes
- 8.5 Artículos relacionados
- 8.6 Footer
EQUIPO
- 9.1 Header
- 9.2 Hero del equipo
- 9.3 Grid completo de miembros
- 9.4 CTA de únete al equipo
- 9.5 Footer
MIEMBRO DEL EQUIPO
- 10.1 Header
- 10.2 Hero con foto grande, nombre, rol y redes
- 10.3 Biografía
- 10.4 Áreas de especialización
- 10.5 Otros miembros
- 10.6 Footer
FAQ
- 11.1 Header
- 11.2 Hero de FAQ
- 11.3 FAQ categorizado en acordeones
- 11.4 CTA de contacto
- 11.5 Footer
CONTACTO
- 12.1 Header
- 12.2 Hero de contacto
- 12.3 Formulario y datos de contacto en dos columnas
- 12.4 Mapa
- 12.5 Footer
404
- 13.1 Header
- 13.2 Mensaje de error con ilustración y botón a inicio
- 13.3 Footer
PROMPTS RELACIONADOS · AGENCIA DIGITAL
