NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una ONG ficticia llamada "Glow Sierra" usando HTML sencillo, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. El objetivo es reproducir la estructura y estilo visual del sitio analizado, sin copiar textos ni imágenes originales. Utiliza la siguiente paleta de colores (hex): #1F3A93 (azul profundo), #F9C74F (amarillo cálido), #90BE6D (verde suave), #F94144 (rojo coral), #FFFFFF (blanco) y #000000 (negro). Tipografía: Inter (Google Fonts) para títulos y texto, con peso 700 para encabezados y 400 para párrafos.
Estructura requerida:
- **Header (navbar)**: barra fija, fondo blanco, sombra ligera. Logo a la izquierda (texto "Glow Sierra" con fuente Inter Bold, color #1F3A93). Menú de navegación centrado con enlaces: "Programas", "Proyectos", "Sobre no
4.129 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.129 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 fija con logo, menú de navegación y botones de contacto/donar
- 1.2 Hero principal con título destacado, descripción y botón "Participa"
- 1.3 Sección de testimonios en forma de carrusel visual con fondo de imagen, superposición oscura y texto de cita
- 1.4 Pie de página con enlaces de navegación secundaria, datos de contacto y redes sociales
OUR PROGRAMS
- 1.1 Título de la página y breve introducción
- 1.2 Grid de programas con tarjetas, imagen, título y breve descripción
- 1.3 Botón para ver más detalle de cada programa
OUR PROJECTS
- 1.1 Título y descripción introductoria
- 1.2 Galería tipo mosaico con imágenes de proyectos alrededor del mundo
- 1.3 Filtro por región o temática
ABOUT US
- 1.1 Historia de la organización
- 1.2 Equipo con fotos y breves biografías
- 1.3 Valores y misión
OUR BLOG
- 1.1 Listado de artículos recientes con imagen, título y extracto
- 1.2 Barra lateral con categorías y archivo
GET INVOLVED
- 1.1 Llamado a la acción para voluntariado y donaciones
- 1.2 Formulario corto de registro de voluntario
- 1.3 Información de eventos y campañas actuales
PROMPTS RELACIONADOS · BELLEZA / SPA
