NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS CDN y JavaScript vanilla (un solo archivo) que reproduzca el diseño visual y la estructura de la web descrita. Marca ficticia: MentoríaTech, dominio mentoriatech.com. Paleta de colores: #1F2937 (gris oscuro), #10B981 (verde esmeralda), #F3F4F6 (gris muy claro), #FFFFFF (blanco), #111827 (negro profundo). Tipografía: Inter (sans-serif) para encabezados y cuerpo, con pesos 400 y 600.
Estructura requerida:
- Header: fondo gris oscuro, logo circular (placeholder), menú horizontal con enlaces Home, About, Courses, Pages (dropdown con Membership, Events, Team, Contact), Blog y botón blanco con fondo verde "Join Now". Debe ser responsive con menú hamburguesa en móvil.
- Hero: sección completa de altura mínima 80vh, fondo con patrón sutil, tít
3.869 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.869 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 con logo, menú principal y botón de CTA
- 1.2 Hero con título, subtítulo y dos botones
- 1.3 Animación de imágenes en flujo lateral
- 1.4 Sección de contadores de recursos
- 1.5 Tarjetas de ventajas con iconos
- 1.6 Footer con enlaces, redes y contacto
ABOUT
- 2.1 Cabecera reutilizada
- 2.2 Título de página y descripción institucional
- 2.3 Imagen ilustrativa y texto de misión
- 2.4 Equipo con tarjetas de miembros
- 2.5 Footer
COURSES
- 3.1 Cabecera
- 3.2 Lista de cursos en tarjetas con imagen, título y botón
- 3.3 Filtros de categoría
- 3.4 Footer
MEMBERSHIP
- 4.1 Cabecera
- 4.2 Oferta de membresía con precios y beneficios
- 4.3 CTA de suscripción
- 4.4 Footer
EVENTS
- 5.1 Cabecera
- 5.2 Calendario de eventos y tarjetas descriptivas
- 5.3 CTA de registro
- 5.4 Footer
TEAM
- 6.1 Cabecera
- 6.2 Galería de perfiles del equipo
- 6.3 Footer
CONTACT
- 7.1 Cabecera
- 7.2 Formulario de contacto con campos básicos
- 7.3 Mapa estático
- 7.4 Footer
BLOG
- 8.1 Cabecera
- 8.2 Lista de artículos con miniaturas y resúmenes
- 8.3 Sidebar con categorías y suscripción
- 8.4 Footer
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 08/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
