NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un solo archivo HTML que reproduzca el diseño visual y la estructura de la web analizada, pero para la marca ficticia "Consulta Austral". Usa Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Incluye:
- Paleta de colores: #1A4731 (verde oscuro), #2E7D32 (verde principal), #A5D6A7 (verde claro), #FFFFFF (blanco), #F5F5F5 (gris fondo), #000000 (texto negro).
- Tipografía: "Inter", sans‑serif para cuerpo y "Playfair Display" para encabezados.
- Header: barra fija con logo (placeholder), enlaces Home, Sobre Nosotros, Causas, Voluntariado, Blog, Galería, Contacto y botón destacado "Donar ahora" en verde fuerte. Dropdown mega‑menu bajo "Causas" con enlaces a "Salud", "Educación", "Medio Ambiente".
- Hero: sección a pantalla completa con animación de letra
3.843 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.843 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 de navegación fija con logo, enlaces y botón de donación.
- 1.2 Hero animado con texto por letras, mensaje y dos botones CTA.
- 1.3 Imágenes decorativas laterales y centrales.
- 1.4 Área de impacto con iconos y texto.
- 1.5 Grid de causas destacadas.
- 1.6 Bloque de últimos artículos del blog.
- 1.7 Galería de fotos.
- 1.8 Carrusel de testimonios.
- 1.9 Footer con navegación secundaria, contactos y redes.
ABOUT US
- 2.1 Header interno con breadcrumb.
- 2.2 Imagen hero interna.
- 2.3 Texto institucional y misión.
- 2.4 Equipo (tarjetas con foto y rol).
- 2.5 Valores (iconos y descripciones).
- 2.6 Llamada a la acción para colaborar.
- 2.7 Footer reutilizado.
CAUSES
- 3.1 Lista de causas en grid de tarjetas.
- 3.2 Filtro por categoría.
- 3.3 Detalle de causa (imagen, descripción, objetivo, botón donar).
- 3.4 Footer.
VOLUNTEERS
- 4.1 Formulario de registro de voluntarios.
- 4.2 Beneficios de ser voluntario (iconos).
- 4.3 Testimonios de voluntarios.
- 4.4 Footer.
BLOG
- 5.1 Listado de artículos con imagen, título y extracto.
- 5.2 Sidebar con categorías y últimos posts.
- 5.3 Pagina de artículo individual.
- 5.4 Footer.
GALLERY
- 6.1 Galería tipo masonry con filtro.
- 6.2 Lightbox para visualización ampliada.
- 6.3 Footer.
CONTACT US
- 7.1 Formulario de contacto.
- 7.2 Mapa incrustado.
- 7.3 Información de oficina y teléfonos.
- 7.4 Footer.
DONATE
- 8.1 Formulario de donación con opciones de monto.
- 8.2 Resumen de uso de fondos.
- 8.3 Testimonios de donantes.
- 8.4 Footer.
FAQ
- 9.1 Preguntas frecuentes en accordion.
- 9.2 Botón de contacto rápido.
- 9.3 Footer.
PROMPTS RELACIONADOS · SALUD Y MEDICINA