NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **LinguoShift** (linguoshift.com) usando **HTML estático** con **Tailwind CSS CDN** y **vanilla JavaScript** en un solo archivo. Emplea la siguiente paleta de colores: #1E3A8A (azul profundo), #3B82F6 (azul brillante), #F3F4F6 (gris claro), #111827 (gris oscuro), #10B981 (verde). Tipografía: **Inter** para todo el texto, con pesos 400, 600, 700.
**Estructura y componentes**:
1. **Header** fijo con logo (svg abstracto) y menú horizontal: Cursos, Sobre nosotros, FAQ, Contacto. Botón destacado “Prueba gratis”. Menú responsive con icono hamburguesa.
2. **Hero** de página de inicio: fondo con ilustración SVG a la derecha, título grande (h1) "Domina el inglés con confianza", subtítulo, dos botones principales ("Comienza ahora" → /courses, "Lecc
4.366 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.366 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 Encabezado con logo y navegación principal
- 2.1 Hero principal con título, descripción, botones y prueba social
- 3.1 Bloque de resultados estadísticos
- 4.1 Sección de pestañas para elegir rutas de aprendizaje
- 5.1 Lista de cursos en tarjetas con información resumida y botones
- 6.1 Footer con enlaces institucionales y redes sociales
COURSES
- 1.1 Encabezado (reutiliza el de Home)
- 2.1 Lista completa de cursos con filtros por categorías
- 3.1 Detalle de curso seleccionado
- 4.1 Footer
ABOUT
- 1.1 Encabezado
- 2.1 Historia y misión de la marca
- 3.1 Equipo con fotos
- 4.1 Footer
FAQ
- 1.1 Encabezado
- 2.1 Preguntas frecuentes en acordeón
- 3.1 Footer
CONTACT
- 1.1 Encabezado
- 2.1 Formulario de contacto y mapa
- 3.1 Footer
PROMPTS RELACIONADOS · LMS / CURSOS ONLINE
