NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Ayuda Alba (ayudaalba.com), una consultora de sostenibilidad ambiental. Usa HTML5, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce el diseño visual y la arquitectura de la web analizada:
- Paleta de colores: #0A3D62 (azul profundo), #1ABC9C (verde azulado), #F4F6F7 (gris claro), #FFFFFF (blanco), #2C3E50 (gris oscuro).
- Tipografía: "Inter" para títulos y cuerpo, pesos 400 y 600, importada de Google Fonts.
- Header: barra de navegación fija con logo a la izquierda, enlaces (Home, About, Blog, Contact) y botón CTA blanco con borde azul. Menú hamburguesa para móvil.
- Hero Home: sección a pantalla completa, fondo degradado azul‑verde, título centrado grande, párrafo descriptivo, botón principal blanco con flecha,
3.532 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.532 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 CTA.
- 1.2 Hero principal (título, párrafo, botón, tarjeta secundaria).
- 1.3 Marquee de logos (animación horizontal).
- 1.4 Imagen destacada del hero.
- 1.5 Bloque de compromiso (título, texto, grid de tarjetas).
- 1.6 Footer (logo, menú, contacto, redes).
ABOUT US
- 2.1 Hero interno con título y subtítulo.
- 2.2 Historia de la empresa en dos columnas.
- 2.3 Valores en tarjetas con iconos.
- 2.4 Equipo con fotos y breves bios.
- 2.5 CTA de contacto.
- 2.6 Footer (mismo que Home).
BLOG
- 3.1 Lista de artículos en grid responsivo.
- 3.2 Barra lateral con categorías y búsqueda.
- 3.3 Paginación inferior.
- 3.4 Footer (mismo que Home).
CONTACT
- 4.1 Formulario de contacto con campos nombre, email, asunto, mensaje.
- 4.2 Mapa incrustado.
- 4.3 Información de contacto rápido.
- 4.4 Footer (mismo que Home).
PROMPTS RELACIONADOS · NONPROFIT
