NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea la web completa de MenteCreciente, una plataforma de educación online, usando un único archivo HTML con Tailwind CSS vía CDN y JavaScript vanilla. Mantén la siguiente estructura y estilo:
- Paleta de colores: #1A1A2E (fondo principal), #16213E (header/footer), #0F3460 (botones primarios), #E94560 (acentos), #FFFFFF (texto claro), #F5F5F5 (texto gris claro).
- Tipografía: "Inter", sans-serif para todo el texto; títulos en peso 600-800, cuerpo en 400.
- Header (navbar): logo a la izquierda, menú horizontal (Inicio, Sobre nosotros, Cursos, Blog) centrado, botón primario "Comienza ahora" a la derecha con efecto hover (cambio a #E94560). En móviles, colapsar a icono hamburguesa que despliega un menú vertical.
- Hero: sección a pantalla completa con video de fondo (reproducir en bucle, mut
4.213 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.213 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, menú y botón "Comienza ahora"
- 1.2 Hero con reseña 4.9 estrellas, título, descripción y dos botones CTA
- 1.3 Tarjetas laterales izquierda con imágenes de perfil, contador de estudiantes y búsqueda
- 1.4 Vídeo de fondo central con control de reproducción
- 1.5 Panel derecho con contador, texto de categoría y SVG decorativo
ABOUT
- 1.1 Cabecera con título y breadcrumb
- 1.2 Sección de misión y visión con texto e imagen
- 1.3 Equipo con fotos circulares y breves bios
- 1.4 Valores destacados en tarjetas
COURSE
- 1.1 Lista de cursos en grid de tres columnas
- 1.2 Cada tarjeta muestra imagen, título, breve descripción y botón "Ver curso"
- 1.3 Filtro de categorías en barra lateral
BLOG
- 1.1 Lista de artículos en formato listado con miniatura, título, fecha y excerpt
- 1.2 Paginación inferior
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 1.2 Información de contacto y mapa embebido
PROMPTS RELACIONADOS · EDUCACIÓN
