NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Instituto Helio** (agencia de diseño y desarrollo digital) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. El sitio debe reproducir fielmente la estructura y estética del template analizado, sin copiar ningún texto original.
**Alcance**
- Header: barra superior con mensaje de notificación y botón CTA, logo a la izquierda, botón hamburguesa que despliega el menú principal, campo de búsqueda, icono de carrito con contador y botones "Contact" y "Overview".
- Menú principal: enlaces Home, Services, Works, About, Store, dropdown "Template" con sub‑menús multi‑columna, y links a Blog, Topics, Contact, Pricing, The Team, Clients, FAQ.
- Hero: sección a pantalla completa, fondo degradado, título grande, subtít
4.279 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.279 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 superior con notificación y CTA
- 1.2 Header con logo, menú, búsqueda, carrito y botones de contacto
- 1.3 Hero con título, subtítulo y botón principal
- 1.4 Servicios en grid de 3 columnas
- 1.5 Portafolio destacado en carrusel
- 1.6 Testimonios en carrusel
- 1.7 Suscripción al newsletter
- 1.8 Footer con enlaces, redes y formulario
SERVICES
- 2.1 Encabezado de página con título y descripción breve
- 2.2 Lista de servicios en tarjetas con íconos y textos
- 2.3 CTA para contratar o solicitar presupuesto
WORKS
- 3.1 Galería filtrable de proyectos con imágenes y filtros por categoría
- 3.2 Detalle de proyecto emergente con descripción y botones
ABOUT
- 4.1 Presentación de la agencia, misión y valores
- 4.2 Equipo con fotos y breves biografías
- 4.3 Estadísticas clave en bloques numerados
STORE
- 5.1 Lista de productos en grid, con imagen, nombre y botón "Añadir al carrito"
- 5.2 Carrito lateral desplegable
BLOG
- 6.1 Lista de artículos con imagen, título y extracto
- 6.2 Paginación inferior
CONTACT
- 7.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 7.2 Mapa incrustado y datos de contacto
FAQ
- 8.1 Preguntas frecuentes en acordeón
PRICING
- 9.1 Tabla comparativa de planes con características y botones de selección
LEGAL
- 10.1 Política de privacidad y términos de uso
PROMPTS RELACIONADOS · EDUCATION
