NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Proyecto Polar** (organización sin ánimo de lucro) usando **HTML puro**, **Tailwind CSS CDN** y **JavaScript vanilla** (un solo archivo). Reproduce fielmente la estructura y estilo del sitio de referencia, sin copiar contenido literal. Utiliza la siguiente paleta de colores: #1A3E5D (azul profundo), #2C9AB7 (cian), #F5F5F5 (gris claro), #FFFFFF (blanco), #E63946 (rojo suave). Tipografía: **Inter** para encabezados y **Roboto** para cuerpo, cargadas vía Google Fonts.
### Requisitos generales
- Archivo `index.html` que incluya todo el markup y scripts.
- Enlace a Tailwind CDN (`https://cdn.tailwindcss.com`).
- Incluir `@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Roboto:wght@400;500&display=swap');` d
5.133 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.133 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 y botón de acción
- 1.2 Hero con título, subtítulo, botón primario, contadores y avatares
- 1.3 Bloque de programas destacados con tarjetas
- 1.4 Estadísticas clave con iconos y números animados
- 1.5 Testimonios en carrusel
- 1.6 Llamado a la donación con formulario breve
- 1.7 Footer con enlaces, contactos y redes sociales
ABOUT
- 2.1 Imagen de portada y mensaje institucional
- 2.2 Historia y misión de la organización
- 2.3 Equipo con fotos y breves biografías
- 2.4 Valores y metas a largo plazo
- 2.5 Footer común
PROGRAMS
- 3.1 Lista de programas con tarjetas y botón "ver más"
- 3.2 Filtros por categoría y área geográfica
- 3.3 Estadísticas específicas de cada programa
- 3.4 Footer común
STORIES
- 4.1 Galería de historias de impacto con imágenes y citas
- 4.2 Filtro por tipo de historia
- 4.3 Enlace a detalle de cada historia
- 4.4 Footer común
BLOG
- 5.1 Lista de artículos con imágenes, extractos y fecha
- 5.2 Categorías y tags
- 5.3 Paginación
- 5.4 Footer común
DONATE
- 6.1 Formulario de donación rápido (importe, método, mensaje)
- 6.2 Testimonios de donantes
- 6.3 Información de transparencia financiera
- 6.4 Footer común
PROMPTS RELACIONADOS · MISCELÁNEO
