NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML + Tailwind CDN + JavaScript vanilla en un solo archivo que reproduzca el diseño visual y la estructura de la web descrita. La marca ficticia es "CulturaNova" (plataforma de cursos online). Utiliza la siguiente paleta de colores: #0A1128 (azul marino profundo), #1E3A8A (azul real), #3B82F6 (azul brillante), #F3F4F6 (gris muy claro), #111827 (gris casi negro). Tipografía: Inter para todo el cuerpo y headings, bold en títulos, medium en texto de navegación.
**Header**: barra superior fija, logo a la izquierda (texto "CulturaNova" con estilo uppercase), menú central con enlaces "Cursos", "Equipo", "Blog", "Contacto", botón de carrito con contador "(0)" y hamburguesa para móvil que despliega menú lateral.
**Hero**: fondo degradado azul, título grande "Do
4.116 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.116 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, navegación principal, carrito y hamburguesa
- 1.2 Hero con título, subtítulo y CTA
- 1.3 Bloque de valores (icono + texto)
- 1.4 Grid de cursos (imagen, nombre, precio, botón)
- 1.5 Slider de testimonios
- 1.6 Sección equipo (foto, nombre, rol)
- 1.7 Blog resumido (tarjetas con título y extracto)
- 1.8 Footer con enlaces, redes y datos
COURSES
- 2.1 Header reutilizado
- 2.2 Banner de categoría
- 2.3 Lista filtrable de cursos (tarjetas)
- 2.4 Filtro lateral con checkboxes
- 2.5 Footer reutilizado
TEAM
- 3.1 Header reutilizado
- 3.2 Título de página y descripción
- 3.3 Grid de miembros (foto, nombre, rol, bio breve)
- 3.4 Footer reutilizado
BLOG
- 4.1 Header reutilizado
- 4.2 Lista de artículos (tarjetas con imagen, título, fecha)
- 4.3 Paginación
- 4.4 Footer reutilizado
CONTACTS
- 5.1 Header reutilizado
- 5.2 Formulario de contacto (nombre, email, mensaje, botón)
- 5.3 Mapa incrustado
- 5.4 Footer reutilizado
PROMPTS RELACIONADOS · EDUCACIÓN
