NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Solidaria Zenit** (organización sin ánimo de lucro que lucha contra la pobreza) usando **HTML estático**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un único archivo. Reproduce el diseño visual y la estructura del sitio analizado:
- **Paleta de colores**: fondo principal #0A0A0A (negro profundo), acentos #0D6EFD (azul vibrante) y #34D399 (verde lima). Texto en blanco #FFFFFF y gris claro #E5E7EB para subtítulos.
- **Tipografía**: `Inter`, peso 400 para párrafos, 600 para encabezados, tamaños responsive (h1 3rem, h2 2.25rem, h3 1.5rem, p 1rem).
- **Header**: barra fija con logo a la izquierda, menú horizontal (Home, About, Causes, Contact) y botón primario "Participa" en azul. En móvil, colapsable con icono hamburguesa.
-
4.100 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.100 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 Header con logo, menú y botón primario
- 1.2 Hero con título, subtítulo, contador y botón de video
- 1.3 Bloque "Nuestros programas" grid de 4 tarjetas
- 1.4 Bloque "Últimas causas" lista de tarjetas con imagen, descripción y métricas
- 1.5 Bloque informativo con texto y dos columnas de imágenes
- 1.6 Footer con links, datos de contacto y redes
ABOUT
- 2.1 Header compartido
- 2.2 Hero interno con título y texto introductorio
- 2.3 Historia y misión en dos columnas
- 2.4 Equipo en cards
- 2.5 Footer compartido
CAUSES
- 3.1 Header compartido
- 3.2 Lista de causas en grid con imágenes, descripciones y montos
- 3.3 Filtro y paginación
- 3.4 Footer compartido
CONTACT
- 4.1 Header compartido
- 4.2 Formulario de contacto con campos nombre, email, mensaje
- 4.3 Información de ubicación y teléfono
- 4.4 Footer compartido
PROMPTS RELACIONADOS · SIN FINES DE LUCRO
