NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca CORAZÓN SOLIDARIO usando solo HTML, Tailwind CDN y JavaScript puro en un solo archivo. La web debe reproducir fielmente la estructura y estilo del sitio original, sin copiar texto ni imágenes literales.
- Paleta de colores: #1F3A93 (azul profundo), #F5A623 (amarillo cálido), #FFFFFF (blanco), #F2F2F2 (gris claro), #333333 (gris oscuro).
- Tipografía: "Inter" para títulos y body, peso 400/600, tamaños responsive (h1 48px, h2 36px, cuerpo 16px).
- Header: barra informativa estrecha con fondo gris claro y texto centrado; logo ficticio (svg simplificado), menú de navegación horizontal con enlaces: Inicio, Sobre nosotros, Programas, Eventos, Blog, Donar, Contacto; botón destacado "Donar ahora" en amarillo con flecha SVG. Menú hamburguesa para móvil
3.879 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.879 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 Barra superior con mensaje de agradecimiento
- 2.1 Navegación principal con logo, enlaces y botón de donación
- 3.1 Hero con título, subtítulo, botón principal y métricas destacadas
- 4.1 Sección "Quiénes somos" con imágenes, texto y tarjetas de impacto
- 5.1 Sección de programas con tarjetas, barra de progreso y llamado a la acción
ABOUT US
- 1.1 Encabezado con título y foto de portada
- 2.1 Texto descriptivo de la historia y misión
- 3.1 Galería de imágenes y estadísticas clave
CASES
- 1.1 Lista de programas con imagen, título, descripción corta, barra de recaudación y botón de detalle
- 2.1 Filtros de categoría y búsqueda
EVENTS
- 1.1 Calendario de eventos con tarjetas de fecha, título y breve descripción
- 2.1 Botón para registrarse
BLOG
- 1.1 Listado de artículos con imagen destacada, título y extracto
- 2.1 Paginación
DONATE
- 1.1 Formulario de donación rápido con monto predefinido y opción personalizada
- 2.1 Información de recaudación y objetivos
CONTACT
- 1.1 Formulario de contacto con campos básicos
- 2.1 Mapa de ubicación y datos de contacto
PROMPTS RELACIONADOS · SIN FINES DE LUCRO
