NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia CerebroCraft, una plataforma de formación online en IA generativa. Usa HTML5, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo. La paleta de colores: #0F172A (azul marino muy oscuro), #1E293B (gris azul profundo), #F97316 (naranja vibrante), #F3F4F6 (gris muy claro), #FFFFFF (blanco). Tipografía principal: 'Inter', sans-serif; títulos con peso 700, cuerpo con 400.
Estructura:
1. Header fijo:
- Logo SVG ficticio (monograma cerebrum) a la izquierda.
- Menú de navegación con enlaces ancla: "Problema", "Curso", "Testimonios", "Precio", "FAQ".
- Botón CTA "Inscríbete ahora" con icono de flecha derecha, visible en escritorio y móvil (menú hamburguesa colapsable).
2. Hero section (id="hero"):
- Fondo blanco con borde inf
5.557 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.557 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 Cabecera fija con logo y menú de anclaje + CTA
- 1.2 Hero con cuenta atrás, título destacado, demo de herramienta y CTA principal
- 1.3 Bloque "¿Eres tú?" con iconos que describen frustraciones del usuario
- 1.4 Presentación del curso con subtítulo, título y CTA
- 1.5 Grid de módulos del curso con iconos y descripciones
- 1.6 Testimonios en carrusel con avatares y cita
- 1.7 Sección de precios y modalidad de pago
- 1.8 Preguntas frecuentes en acordeón
- 1.9 Footer con enlaces útiles, contacto y redes sociales
CURSO
- 2.1 Detalle del módulo 1: descripción y beneficios
- 2.2 Detalle del módulo 2: descripción y beneficios
- 2.3 Detalle del módulo 3: descripción y beneficios
- 2.4 CTA de inscripción
TESTIMONIOS
- 3.1 Testimonio 1 con avatar y comentario
- 3.2 Testimonio 2 con avatar y comentario
- 3.3 Testimonio 3 con avatar y comentario
FAQ
- 4.1 Pregunta 1 y respuesta
- 4.2 Pregunta 2 y respuesta
- 4.3 Pregunta 3 y respuesta
- 4.4 Pregunta 4 y respuesta
CONTACTO
- 5.1 Formulario de contacto rápido
- 5.2 Información de correo y teléfono
- 5.3 Enlaces a redes sociales
PROMPTS RELACIONADOS · EDUCACIÓN
