NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web HTML single-file completa para una marca personal ficticia llamada "Mateo Solano", mentor y consultor en desarrollo profesional con sede en Madrid. Dominio mateosolano.com, email hola@mateosolano.com, año 2025. Claim: "Construye una vida con sistemas, no con ruido".
SECTOR Y TONO: mentoría personal para emprendedores y profesionales en transición. Tono editorial, sereno, reflexivo, sin lenguaje marketinero ni exclamaciones. Español de España, verbos en activo, frases cortas. Inventa todos los textos, nombres de programas, eventos, libros, testimonios y artículos: nada genérico tipo "Lorem", todo coherente con un mentor real.
STACK TÉCNICO:
- Un único archivo HTML autocontenido
- Tailwind CSS vía CDN (script de cdn.tailwindcss.com)
- JavaScript vanilla embebido para in
8.152 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.152 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 sticky con menú desplegable y carrito
- 1.2 Hero editorial con retrato y dos CTAs
- 1.3 Marquesina de valores
- 1.4 Sobre mí con contadores animados
- 1.5 Programas destacados en grid
- 1.6 Metodología en acordeón
- 1.7 Eventos próximos en lista
- 1.8 Carrusel de libros y recursos
- 1.9 Testimonios en slider
- 1.10 Últimas entradas de blog
- 1.11 Newsletter CTA
- 1.12 Footer amplio
SOBRE MÍ
- 2.1 Header
- 2.2 Hero biográfico con foto grande y resumen
- 2.3 Trayectoria en timeline vertical
- 2.4 Valores en grid de iconos
- 2.5 Galería personal
- 2.6 CTA contacto
- 2.7 Footer
PROGRAMAS
- 3.1 Header
- 3.2 Hero de catálogo con buscador y filtros
- 3.3 Grid de programas con tarjetas
- 3.4 Bloque comparativa de niveles
- 3.5 FAQ
- 3.6 CTA aplicación
- 3.7 Footer
DETALLE PROGRAMA
- 4.1 Header
- 4.2 Hero del programa con imagen, duración y precio
- 4.3 Descripción larga y objetivos
- 4.4 Temario en módulos colapsables
- 4.5 Sobre el mentor
- 4.6 Testimonios de alumnos
- 4.7 CTA inscripción
- 4.8 Footer
EVENTOS
- 5.1 Header
- 5.2 Hero con próximo evento destacado
- 5.3 Lista de eventos con fecha y ubicación
- 5.4 Filtros por tipo y ciudad
- 5.5 CTA newsletter de eventos
- 5.6 Footer
DETALLE EVENTO
- 6.1 Header
- 6.2 Hero del evento con fecha, hora, lugar
- 6.3 Descripción y agenda
- 6.4 Ponentes
- 6.5 Mapa de ubicación
- 6.6 Formulario de reserva
- 6.7 Footer
TIENDA
- 7.1 Header
- 7.2 Hero de tienda
- 7.3 Grid de productos con filtros laterales
- 7.4 Banner de recurso destacado
- 7.5 Footer
DETALLE PRODUCTO
- 8.1 Header
- 8.2 Galería de producto y ficha con botón añadir al carrito
- 8.3 Descripción larga y tabla de contenidos
- 8.4 Productos relacionados
- 8.5 Footer
BLOG
- 9.1 Header
- 9.2 Hero editorial con post destacado
- 9.3 Filtros por categoría
- 9.4 Grid de artículos paginado
- 9.5 CTA newsletter
- 9.6 Footer
DETALLE ARTÍCULO
- 10.1 Header
- 10.2 Cabecera con título, autor, fecha e imagen
- 10.3 Cuerpo del artículo con tipografía editorial
- 10.4 Compartir en redes
- 10.5 Artículos relacionados
- 10.6 Footer
CONTACTO
- 11.1 Header
- 11.2 Hero de contacto
- 11.3 Formulario y datos de contacto en dos columnas
- 11.4 FAQ
- 11.5 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
