NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática para la marca ficticia **Gestión Ágil** (dominio gestionagil.com) que reproduzca el diseño analizado. Utiliza **HTML5**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo.\n\n**Paleta de colores** (extraída del original):\n- #0d0d0d (texto principal, header)\n- #ffffff (fondo)\n- #1a73e8 (acentos, botones, enlaces)\n- #f5f5f5 (secciones claras)\n- #e0e0e0 (bordes y hover)\n\n**Tipografía**: Inter (Google Fonts) – peso 400 y 600.\n\n**Estructura**:\n\n1. **Header** (fixed, z‑index 50) con logo (70 px de alto) a la izquierda y menú de navegación a la derecha. Cada ítem incluye un SVG icónico y texto. El ítem activo muestra una línea de color #1a73e8 bajo el texto. El menú es responsive: colapsa en móvil a un ícono hamburguesa que abre overlay.\n\n
4.248 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.248 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 Cabecera fija con logo y menú principal con iconos SVG
- 2.1 Hero con título, subtítulo y botón primary
- 3.1 Bloque de características en grid de tres columnas con iconos y texto breve
- 4.1 Sección de integración con imágenes y descripción lateral
- 5.1 Testimonios en carrusel sencillo
- 6.1 FAQ con acordeón
- 7.1 Formulario de contacto de dos columnas
- 8.1 Footer con navegación secundaria, enlaces legales y redes sociales
BLOG
- 1.1 Cabecera idéntica a la de Home
- 2.1 Lista de artículos en tarjetas con imagen, título y extracto
- 3.1 Paginación simple
- 4.1 Footer idéntico a Home
FAQ
- 1.1 Cabecera idéntica a la de Home
- 2.1 Lista de preguntas con acordeón expandible
- 3.1 Footer idéntico a Home
CONTACTO
- 1.1 Cabecera idéntica a la de Home
- 2.1 Formulario de contacto ampliado (nombre, email, empresa, mensaje)
- 3.1 Mapa estático embed
- 4.1 Footer idéntico a Home
PROMPTS RELACIONADOS · TECHNOLOGY