Carrito Iniciar sesión
SALUD Y MEDICINA · Claude Design · HTML

Consulta Austral — Prompt de diseño web para Claude AI

Organización sin ánimo de lucro que promueve proyectos de desarrollo comunitario y ayuda humanitaria. Conecta personas y recursos para generar impacto real..

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Consulta Austral — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
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
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
Consulta Austral — home completa
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

Otros prompts de la misma categoría