NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Insaliro" (agencia digital) usando únicamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. \n\n**Alcance**: replicar la estructura y estilo del sitio de referencia (header con logo SVG, navegación, carrito, hero, bloques de servicios, portafolio grid, testimonio carrusel, CTA con formulario, footer). Incluir también páginas secundarias: About, Projects y Contact, con la misma cabecera y pie de página. \n\n**Stack**:
- `<head>` con `<link href="https://cdn.jsdelivr.net/npm/tailwindcss@3.4.0/dist/tailwind.min.css" rel="stylesheet">`\n- Incluir la fuente "Inter" desde Google Fonts.\n- Utilizar Tailwind para toda la maquetación y responsividad (mobile‑first).\n- JS vanilla para el carrusel de testimonios, aper
4.544 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.544 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 Header con logo SVG, menú y carrito
- 1.2 Hero con título, subtítulo y CTA
- 1.3 Servicios en tarjetas de 3 columnas
- 1.4 Portafolio en grid de 4 columnas
- 1.5 Testimonios en carrusel
- 1.6 CTA final con formulario de captura
- 1.7 Footer con enlaces, redes y datos
ABOUT
- 2.1 Header (reutilizado)
- 2.2 Hero interior con imagen y texto introductivo
- 2.3 Historia de la agencia en bloques de texto e imagen
- 2.4 Equipo en tarjetas con foto y biografía corta
- 2.5 Valores en iconos con breve descripción
- 2.6 CTA a contacto
- 2.7 Footer (reutilizado)
PROJECTS
- 3.1 Header
- 3.2 Hero de categoría de proyectos
- 3.3 Filtro de categorías (tabs)
- 3.4 Grid de proyectos con hover overlay
- 3.5 Modal detalle de proyecto (imagen, descripción, resultados)
- 3.6 CTA a solicitar presupuesto
- 3.7 Footer
CONTACT
- 4.1 Header
- 4.2 Hero con mapa de fondo y texto de contacto
- 4.3 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 4.4 Información de oficina y teléfono
- 4.5 Enlaces a redes sociales
- 4.6 Footer
PROMPTS RELACIONADOS · ENTRETENIMIENTO
