NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia 'Studio Delta' (studiodelta.com), una ONG sin ánimo de lucro. Usa únicamente HTML estático en un único archivo, Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Reproduce la estructura y estilo del sitio original analizado: barra superior con mensaje y número telefónico, cabecera con logo, menú con dropdowns y mega‑menu, hero con vídeo de fondo, varios bloques de CTA, grid de proyectos, carrusel de testimonios y footer con enlaces y redes sociales.
Paleta de colores (hex):
- Primario: #2C5F2D (verde bosque)
- Secundario: #1A1A1A (negro profundo)
- Texto claro: #FFFFFF
- Texto gris: #777777
- Accent: #F2A900 (amarillo cálido)
Tipografías:
- Fuente principal: 'Inter', sans‑serif para encabezados y cuerpo.
- Fuente secundaria:
4.499 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.499 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 y número de contacto
- 1.2 Cabecera con logo, menú principal, mega‑menu y botón de donación
- 1.3 Hero con vídeo de fondo y mensaje inspirador
- 1.4 Bloque CTA central con texto y botón
- 1.5 Sección de proyectos destacados en grid de tarjetas
- 1.6 Testimonios con carrusel simple
- 1.7 Pie de página con enlaces, redes sociales y créditos
ABOUT
- 2.1 Imagen de cabecera y título
- 2.2 Texto descriptivo de la misión
- 2.3 Valores en columnas
- 2.4 Equipo en tarjetas
- 2.5 CTA para unirse
PROJECTS
- 3.1 Lista de proyectos en rejilla con filtro
- 3.2 Cada proyecto muestra foto, título, breve descripción y botón "Contribuir"
- 3.3 Paginación simple
DONATE
- 4.1 Formulario de donación rápido
- 4.2 Opciones de montos predefinidos y personalizables
- 4.3 Campos de datos de contacto
- 4.4 Botón de pago seguro
BLOG
- 5.1 Lista de entradas con imagen destacada, título, extracto y fecha
- 5.2 Barra lateral con categorías y archivo
- 5.3 Paginación
CONTACT
- 6.1 Formulario de contacto con nombre, email, asunto y mensaje
- 6.2 Mapa incrustado y datos de contacto
- 6.3 Redes sociales
PROMPTS RELACIONADOS · MISCELÁNEO

