NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Genera en un único archivo HTML autocontenido (HTML + Tailwind CDN + JS vanilla, sin frameworks ni dependencias externas salvo Tailwind y Google Fonts) la home completa de una agencia digital ficticia llamada **Velmara Studio**.
## Marca
- Nombre: Velmara Studio
- Sector: Agencia digital de estrategia, contenido y crecimiento en redes sociales
- Dominio: velmarastudio.com
- Email: hola@velmarastudio.com
- Claim: 'Estrategia, contenido y crecimiento medible para marcas con ambición'
- Año: 2025
- Idioma: español de España, tono profesional cercano, verbos en activo, sin jerga marketinera y sin precios concretos.
## Alcance
Una sola página HTML con la home completa. Incluye header sticky, todas las secciones de la home y footer. Todos los enlaces internos pueden ir a '#'. No uses imágenes
8.481 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.481 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 pantalla completa con titular, subtítulo y doble CTA
- 1.2 Marquee de logos de clientes
- 1.3 Grid de servicios 2x2 con iconos
- 1.4 Sobre nosotros a dos columnas con lista de valores
- 1.5 Contadores animados en banda
- 1.6 Slider de casos de estudio
- 1.7 Proceso de trabajo en 4 pasos
- 1.8 Carrusel de testimonios
- 1.9 Grid de últimas entradas del blog
- 1.10 CTA final a ancho completo
- 1.11 Footer con newsletter y redes
SOBRE NOSOTROS
- 2.1 Hero con título de página y migas de pan
- 2.2 Historia de la agencia a dos columnas con imagen
- 2.3 Misión, visión y valores en tarjetas
- 2.4 Línea temporal de hitos
- 2.5 Grid del equipo destacado
- 2.6 Banda de contadores
- 2.7 CTA final
- 2.8 Footer
SERVICIOS
- 3.1 Hero con título y descripción del área
- 3.2 Listado vertical de servicios con número, título e imagen alternada
- 3.3 Bloque de beneficios en grid 3 columnas
- 3.4 FAQ acordeón
- 3.5 CTA final
- 3.6 Footer
CASOS DE ESTUDIO
- 4.1 Hero con filtros por categoría
- 4.2 Grid de casos con imagen, cliente y resultado
- 4.3 CTA intermedia
- 4.4 Footer
DETALLE DE CASO
- 5.1 Hero con imagen grande y meta del proyecto
- 5.2 Resumen con cliente, sector, servicios y duración
- 5.3 Reto, solución y resultados a tres bloques
- 5.4 Galería de imágenes del proyecto
- 5.5 Cita destacada del cliente
- 5.6 Caso siguiente
- 5.7 Footer
BLOG
- 6.1 Hero del blog con buscador
- 6.2 Filtros por categoría
- 6.3 Grid de artículos paginado
- 6.4 CTA newsletter
- 6.5 Footer
DETALLE DE ARTÍCULO
- 7.1 Hero con título, autor, fecha y categoría
- 7.2 Cuerpo del artículo en columna estrecha
- 7.3 Bloque de compartir y tags
- 7.4 Artículos relacionados
- 7.5 Footer
EQUIPO
- 8.1 Hero del equipo
- 8.2 Grid de miembros con foto, nombre y rol
- 8.3 CTA 'únete al equipo'
- 8.4 Footer
DETALLE DE MIEMBRO
- 9.1 Hero con foto grande y bio corta
- 9.2 Áreas de experiencia y trayectoria
- 9.3 Proyectos en los que ha participado
- 9.4 Redes sociales del miembro
- 9.5 Footer
PRECIOS
- 10.1 Hero con título
- 10.2 Tres tarjetas de planes comparativos sin importes concretos
- 10.3 Tabla comparativa de funcionalidades
- 10.4 FAQ acordeón
- 10.5 CTA final
- 10.6 Footer
FAQ
- 11.1 Hero con título
- 11.2 Acordeón agrupado por categorías
- 11.3 CTA de contacto
- 11.4 Footer
CONTACTO
- 12.1 Hero con título e intro
- 12.2 Formulario a dos columnas con datos de contacto laterales
- 12.3 Mapa embebido
- 12.4 Footer
404
- 13.1 Mensaje centrado con ilustración y botón a inicio
- 13.2 Footer
PROMPTS RELACIONADOS · CORPORATIVO
