NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia IntegraU usando HTML estático, Tailwind CSS mediante CDN y JavaScript vanilla en un solo archivo. La paleta de colores: #0F172A (azul noche), #F1F5F9 (gris muy claro), #22C55E (verde brillante), #1E293B (gris oscuro), #FFFFFF (blanco). Tipografía: Inter (sans-serif) para cuerpo y headings, peso 400‑700.
**Estructura**
- **Header** fijo, fondo blanco, logo a la izquierda, menú de navegación con dropdowns (Home, Pages con sub‑items: About, Contact, FAQ, Classes, Teachers, Event, Blog, Privacy, Terms, etc.), botón de llamada telefónica a la derecha.
- **Hero** sección principal, altura pantalla completa, fondo degradado azul sobre gris, título grande (h1) «Innovative learning for everyone», subtítulo, botón CTA verde con icono de flecha (svg
3.974 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.974 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ú y teléfono
- 1.2 Hero con título, texto y botón CTA
- 1.3 Imagen hero secundaria con badge
- 1.4 Bloque de áreas de estudio: título, descripción y dos icon‑boxes con datos
- 1.5 Carrusel de logos de patrocinadores
- 1.6 Bloque de razones para elegir: subtítulo, título y thumbnail de video
- 1.7 Footer con enlaces a páginas institucionales, políticas y redes
ABOUT US
- 1.1 Cabecera reutilizada
- 1.2 Imagen de encabezado con texto overlay
- 1.3 Historia de la institución en dos columnas
- 1.4 Equipo docente en grid de tarjetas
- 1.5 Valores y misión en secciones separadas
CONTACT
- 1.1 Cabecera reutilizada
- 1.2 Formulario de contacto con campos básicos
- 1.3 Mapa estático y datos de contacto
BLOG
- 1.1 Cabecera reutilizada
- 1.2 Lista de artículos en grid de tarjetas
- 1.3 Sidebar con categorías y archivo
FAQ
- 1.1 Cabecera reutilizada
- 1.2 Preguntas frecuentes en accordion
- 1.3 CTA para contactar
EVENTS
- 1.1 Cabecera reutilizada
- 1.2 Calendario con tarjetas de eventos próximos
- 1.3 Detalle de evento individual
CLASSES
- 1.1 Cabecera reutilizada
- 2.1 Catálogo de cursos en grid con filtro
- 2.2 Detalle de curso individual
TEACHERS
- 1.1 Cabecera reutilizada
- 2.1 Grid de perfiles de docentes
- 2.2 Detalle de docente individual
PROMPTS RELACIONADOS · EDUCACIÓN
