NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web corporativa completa en un único archivo HTML para un despacho de abogados ficticio llamado 'Veranda Legal' (dominio verandalegal.com, email hola@verandalegal.com, año 2025). Claim: 'Asesoramiento jurídico que entiende tu caso'. Sector: bufete multidisciplinar que cubre planificación patrimonial, derecho de familia, derecho inmobiliario, mercantil y litigios, tanto para particulares como para empresas.
STACK Y REQUISITOS TÉCNICOS:
- HTML5 + Tailwind CSS por CDN + JavaScript vanilla, todo en un solo archivo autocontenido.
- Responsive impecable (mobile-first, breakpoints sm/md/lg/xl).
- Sin dependencias externas salvo Tailwind, Google Fonts e imágenes de Unsplash con URLs reales.
- Accesible (etiquetas semánticas, aria-labels, contraste correcto).
- Animaciones sutiles en scro
8.861 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.861 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 Navbar con megamenú y carrito
- 1.2 Hero editorial a dos columnas con imagen panorámica
- 1.3 Tira de medios y reconocimientos
- 1.4 Sobre el despacho con contadores
- 1.5 Grid de áreas de práctica (6)
- 1.6 Proceso en 4 pasos
- 1.7 Carrusel de casos destacados
- 1.8 Cita del socio fundador
- 1.9 Planes de honorarios (3 columnas)
- 1.10 Equipo (4 abogados)
- 1.11 Slider de testimonios
- 1.12 Últimas del blog (3 tarjetas)
- 1.13 FAQ en acordeón
- 1.14 CTA final ancho completo
- 1.15 Footer oscuro con newsletter
SOBRE NOSOTROS
- 2.1 Hero con titular serif e imagen de cabecera
- 2.2 Historia del despacho en dos columnas
- 2.3 Valores en grid de 4 tarjetas
- 2.4 Timeline de hitos
- 2.5 Galería de oficinas
- 2.6 CTA + footer
EQUIPO
- 3.1 Hero compacto del equipo
- 3.2 Grid de abogados con filtro por área
- 3.3 CTA de incorporación + footer
SERVICIOS
- 4.1 Hero de servicios
- 4.2 Listado completo de áreas con descripción ampliada
- 4.3 Bloque de metodología
- 4.4 CTA + footer
CASOS
- 5.1 Hero de casos
- 5.2 Grid de casos con filtros por categoría
- 5.3 Bloque de resultados estadísticos
- 5.4 Footer
BLOG
- 6.1 Hero del blog
- 6.2 Post destacado
- 6.3 Grid de artículos con paginación
- 6.4 Footer
HONORARIOS
- 7.1 Hero de planes
- 7.2 Tarjetas comparativas de planes
- 7.3 Tabla de servicios incluidos
- 7.4 FAQ de facturación
- 7.5 Footer
CONTACTO
- 8.1 Hero de contacto
- 8.2 Formulario + datos de la oficina
- 8.3 Mapa
- 8.4 Footer
PROMPTS RELACIONADOS · CORPORATIVO
