NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática usando HTML, Tailwind CSS CDN y JavaScript vanilla (un solo archivo) que reproduzca el diseño de la plantilla original, pero con la marca ficticia "Saber Éter". Utiliza la siguiente paleta de colores: #1A3E5D (azul profundo), #2E7D32 (verde esperanza), #F5F5F5 (gris claro), #FFFFFF (blanco) y #E0E0E0 (gris medio). Tipografía: "Inter" para títulos y textos principales, "Playfair Display" para encabezados destacados. Estructura:
- Header fijo con logo (texto "Saber Éter" en Inter bold), menú de navegación (Home, Programas, Eventos, Sobre Nosotros, Apoyo, Contacto, Donar) y botones "Contacto" (secundario) y "Donar" (primario).
- Hero section centrado, fondo blanco, con subheading en verde, título grande en azul profundo, tres tags en verde claro, y una imagen mock
3.757 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.757 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 hero con logo, menú principal, botón de contacto y donación
- 2.1 Bloque de título central, subtítulo, tags y mockup de sitio
- 3.1 Sección de contenidos con título introductorio y párrafo descriptivo
- 4.1 Rejilla de iconos (8 ítems) con encabezado y texto explicativo
- 5.1 Bloque CTA con mensaje, texto adicional y botones de acción
- 6.1 Footer con enlaces de navegación, botón de donación y datos de contacto
PROGRAMAS
- 1.1 Lista de programas con tarjetas descriptivas y botón "Más info"
EVENTOS
- 1.1 Calendario de eventos con tarjetas, fecha, ubicación y llamado a registro
SOBRE NOSOTROS
- 1.1 Sección historia, misión y visión con imágenes y texto
- 2.1 Equipo con fotos y breves biografías
- 3.1 Blog destacado con tres artículos recientes
APOYO
- 1.1 Información de patrocinadores, logotipos y llamado a colaboración
CONTACTO
- 1.1 Formulario de contacto simple (nombre, email, mensaje) y mapa incrustado
- 2.1 Detalles de dirección, teléfono y redes sociales
DONAR
- 1.1 Formulario de donación rápido con monto predefinido y opción personalizada
- 2.1 Testimonios de benefactores y agradecimientos
PROMPTS RELACIONADOS · EDUCATION
