NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia MentoriaPulse, una plataforma de cursos online y mentoría. Usa HTML simple en un único archivo con Tailwind CSS vía CDN y JavaScript vanilla para animaciones básicas. Reproduce fielmente la estructura y el estilo del diseño analizado:
- Paleta de colores: #0D0D0D (fondo oscuro), #FFFFFF (texto), #1E90FF (acentos primarios), #F5F5F5 (background sections), #FFB800 (botones secundarios).
- Tipografía: "Inter" para todo el texto, pesos 400, 600, 800.
- Header: barra fija con logo (texto MentoriaPulse), links ancla (Home, Demo, Inner Pages, Utility Pages, Authentication), botón primario "Regístrate hoy" y botón secundario "Comprar ahora". Menú colapsable en móvil con ícono hamburger.
- Hero: sección con subtítulo "Aprendizaje guiado por expe
3.690 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.690 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 Barra de navegación con logo, enlaces ancla y botones de llamado a la acción
- 1.2 Hero con subtítulo, título grande, párrafo descriptivo y dos botones principales
- 1.3 Galería de imágenes laterales alrededor del hero
- 1.4 Sección "Qué incluye" con 3 tarjetas: Landing Page, 35+ Secciones, 17+ Páginas internas
- 1.5 Demo de homepage con imagen grande y etiqueta
- 1.6 Grid de páginas internas (About, Contact, Courses, etc.) con miniaturas y etiquetas
- 1.7 Footer con enlaces de navegación y contacto
ABOUT
- 2.1 Barra de navegación idéntica a la home
- 2.2 Cabecera con título de la página y breadcrumb
- 2.3 Texto de presentación y foto del creador
- 2.4 Lista de ventajas y CTA
CONTACT
- 3.1 Barra de navegación
- 3.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 3.3 Información de contacto y mapa estático
- 3.4 CTA para suscripción al newsletter
COURSES
- 4.1 Barra de navegación
- 4.2 Grid de tarjetas de cursos con imagen, título, breve descripción y botón ver detalle
- 4.3 Sección de preguntas frecuentes
- 4.4 CTA para registrarse en un curso
FOOTER (presente en todas las páginas)
- 5.1 Enlaces de navegación secundarios
- 5.2 Información de copyright y datos de contacto
- 5.3 Iconos de redes sociales
PROMPTS RELACIONADOS · EDUCACIÓN
