NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "LuzAltruista" (organización sin ánimo de lucro) usando únicamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo. Reproduce la estructura y estilo del diseño analizado:
- Paleta de colores: #0D3B66 (azul profundo), #FAF0CA (amarillo pálido), #F4D35E (ocre), #EE964B (naranja quemado), #F95738 (rojo coral) y blanco #FFFFFF para fondos.
- Tipografía: Inter para cuerpo y títulos, peso 400/600/700. Cargar desde Google Fonts.
- Header: barra fija con fondo blanco, logo a la izquierda (placeholder SVG), menú principal con enlaces (Inicio, Sobre Nosotros, Programas, Historias, Contacto) y megamenú que muestra columnas de enlaces internos. Botón destacado "Contact Us" en color #F95738 con texto blanco.
- Hero: sección ocupando pa
3.542 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.542 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, megamenú y botón "Contact Us"
- 1.2 Hero de página con título grande, descripción y carrusel de capturas de pantalla
- 1.3 Sección de confianza: título, párrafo explicativo y fondo contrastado
- 1.4 (Placeholder) Área de programas destacados con tarjetas y botones
- 1.5 Pie de página con enlaces institucionales, redes sociales y datos de contacto
ABOUT US
- 1.1 Cabecera común
- 1.2 Banner interno con título y texto introductivo
- 1.3 Texto descriptivo de la misión y visión
- 1.4 Equipo / liderazgo en formato grid
- 1.5 Pie de página
PROGRAMS
- 1.1 Cabecera común
- 1.2 Lista de programas en tarjetas con imagen, título y breve descripción
- 1.3 Detalle de programa (plantilla de colección) con cabecera, galería y llamado a la acción
- 1.4 Pie de página
SUCCESS STORIES
- 1.1 Cabecera común
- 1.2 Galería de historias de éxito en tarjetas
- 1.3 Detalle de historia con imágenes y texto
- 1.4 Pie de página
CONTACT US
- 1.1 Cabecera común
- 1.2 Formulario de contacto sencillo (nombre, email, mensaje, botón enviar)
- 1.3 Información de contacto y mapa embebido
- 1.4 Pie de página
PROMPTS RELACIONADOS · SIN FINES DE LUCRO
Otros prompts de la misma categoría
PROMPTSin fines de lucro
Lexora Advisory
★★★★★ 2.659 descargas
GRATIS0€
PROMPTSin fines de lucro
Lexora Consultores
★★★★★ 4.391 descargas
GRATIS0€
PROMPTSin fines de lucro
Ayuda Vega
★★★★★ 2.850 descargas
GRATIS0€
PROMPTSin fines de lucro
VozColectiva
★★★★★ 506 descargas
GRATIS0€
GPT Image 2