NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático con HTML, Tailwind CSS (CDN) y JavaScript vanilla en un solo fichero que reproduzca el diseño visual y la estructura del sitio analizado, pero con la marca ficticia **Legalis** (despacho de abogados).
**Requisitos generales**
- Utiliza Tailwind CDN (v3) y escribe estilos personalizados solo cuando Tailwind no cubra la necesidad.
- JavaScript vanilla para interacciones: menú hamburguesa responsive, dropdown de "Páginas", animación de contadores al hacer scroll y carrusel de testimonios.
- Mantén accesibilidad: roles ARIA, foco visible, etiquetas semánticas.
- Optimiza imágenes con atributos `loading="lazy"` y usa formatos AVIF/WEBP.
- Paleta de colores (hex): #1F2937 (gris oscuro – fondo y texto principal), #0EA5E9 (azul acento para botones y enlaces), #F3F4F6 (g
4.250 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.250 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 principales y menú desplegable
- 1.2 Hero principal con titular, subtítulo, botón CTA y imagen complementaria
- 1.3 Sección "Sobre nosotros" con encabezado, descripción y botón de equipo
- 1.4 Cuadrícula de contadores animados (casos ganados, satisfacción, años de experiencia)
- 1.5 Sección de servicios en tarjetas con iconos y breves descripciones
- 1.6 Testimonios en carrusel simple
- 1.7 Footer con información de contacto, enlaces rápidos y redes sociales
SOBRE NOSOTROS
- 2.1 Sub‑header y título descriptivo
- 2.2 Texto institucional y botón "Conócenos"
SERVICIOS
- 3.1 Tarjeta de servicio con icono, título y descripción breve (x3)
TESTIMONIOS
- 4.1 Carrusel de testimonios con avatar, cita y nombre
CONTACTO
- 5.1 Formulario de contacto simple (nombre, email, mensaje) y botón de envío
PROMPTS RELACIONADOS · LEGAL / ABOGADOS
