NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática usando HTML, Tailwind CDN y JavaScript vanilla (un solo archivo) que reproduzca el diseño visual y la estructura de la plantilla analizada, pero con la marca ficticia "Studio Polar". La web debe pertenecer a la categoría "Sin fines de lucro" y cubrir las siguientes páginas: HOME, ABOUT US, PROGRAMS, SUCCESS STORIES, CONTACT US. Utiliza la paleta de colores derivada del original (azul profundo #1A3B5B, verde esperanzador #2E7D32, gris claro #F5F7FA, blanco #FFFFFF y acento naranja #FF9800). Tipografía principal: Inter (sans‑serif) para títulos y body, peso 400‑600.
**Requisitos de diseño**:
- Header: barra de navegación fija, logo SVG simple, menú con dropdown multi‑columna, botón "Contact Us" destacado en naranja, versión responsive con icono hamburguesa.
- H
3.881 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.881 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 Navbar fijo con logo y menú desplegable multi‑columna + botón de contacto
- 1.2 Hero de portada con título, subtítulo y carrusel de mockups
- 1.3 Sección de confianza (clientes/aliados) con encabezado y texto
- 1.4 (otros bloques que aparecen en la plantilla original, como estadísticas, llamado a la acción, testimonios, etc.)
ABOUT US
- 2.1 Navbar idéntico al de Home
- 2.2 Hero interno con título y breve descripción
- 2.3 Misión y visión en dos columnas
- 2.4 Equipo líder en tarjetas con foto y bio
PROGRAMS
- 3.1 Navbar
- 3.2 Lista de programas en tarjetas con imagen, título y resumen
- 3.3 Detalle de programa con sección de impacto y llamada a donar
SUCCESS STORIES
- 4.1 Navbar
- 4.2 Galería de historias con filtro por categoría
- 4.3 Tarjeta de historia con imagen, título, extracto y botón "Leer más"
CONTACT US
- 5.1 Navbar
- 5.2 Formulario de contacto con campos nombre, email, asunto y mensaje
- 5.3 Mapa incrustado y datos de contacto
- 5.4 Footer con enlaces institucionales, redes sociales y suscripción newsletter
PROMPTS RELACIONADOS · MISCELÁNEO
