NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa que replique el diseño y la estructura de la landing page analizada, usando la marca ficticia "Educa Cobalto". Utiliza un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). La paleta de colores debe seguir los tonos oscuros y naranjas del original: fondo principal #111111, texto principal #FFFFFF, acentos #FF7A00, botones #FF7A00 con hover #E66A00, sombras y degradados suaves. Tipografía: encabezados con "Inter" (font‑weight 700) y cuerpo con "Roboto" (font‑weight 400).
Estructura requerida:
1. **Header** – barra fija con logo (SVG placeholder) a la izquierda, menú horizontal colapsable en móvil, enlaces: About Us, Meet the Mentor, Curriculum, Reviews, FAQs. Botón destacado "Buy Template" estilo blanco con borde naranj
4.233 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.233 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 con logo, menú colapsable y botón de compra
- 2.1 Hero principal: rating, título con texto destacado, descripción, botones, video y logos de clientes
- 3.1 About Us: galería de fotos de usuarios y reseña
- 4.1 Meet the Mentor: presentación del mentor
- 5.1 Curriculum: listado de módulos del curso
- 6.1 Reviews: testimonios con estrellas
- 7.1 FAQs: preguntas frecuentes en acordeón
- 8.1 Contact: formulario de reserva
- 9.1 Footer con enlaces y datos de la empresa
ABOUT US
- 1.1 Galería de imágenes de usuarios
- 1.2 Texto introductorio y rating
MEET THE MENTOR
- 1.1 Imagen del mentor
- 1.2 Biografía breve y llamado a acción
CURRICULUM
- 1.1 Lista de módulos con íconos y descripción corta
REVIEWS
- 1.1 Carousel de testimonios con nombre y calificación
FAQS
- 1.1 Lista de preguntas con respuestas colapsables
CONTACT
- 1.1 Formulario: nombre, email, teléfono, mensaje y botón enviar
- 1.2 Información de contacto adicional
FOOTER
- 1.1 Enlaces de navegación secundarios
- 1.2 Redes sociales y datos legales
PROMPTS RELACIONADOS · EDUCACIÓN
