NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Genera una WEB COMPLETA single-file (HTML + Tailwind por CDN + JS vanilla) para un bufete ficticio llamado 'Verdantia Legal' (dominio verdantialegal.com, email hola@verdantialegal.com, año 2025). Sector: servicios jurídicos integrales para particulares y empresas. Claim: 'Asesoramiento jurídico con criterio y cercanía'. Tono editorial, sobrio y profesional, en español de España, verbos en activo, sin jerga marketinera y sin precios concretos.
STACK Y REQUISITOS TÉCNICOS
- Un único archivo index.html autocontenido.
- Tailwind CSS vía CDN (script oficial), sin build.
- JS vanilla embebido para sliders, acordeones, contadores animados, menú móvil y dropdowns.
- Sin frameworks ni dependencias externas más allá de Tailwind y Google Fonts.
- Imágenes desde Unsplash con URLs directas coherentes
8.172 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.172 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 fijo con navegación y CTA
- 1.2 Hero con titular serif y logos de prensa
- 1.3 Bienvenida con imagen y valores
- 1.4 Contadores de KPIs sobre fondo oscuro
- 1.5 Grid de áreas de práctica
- 1.6 Proceso en 4 pasos
- 1.7 Slider de casos de éxito
- 1.8 Grid de equipo
- 1.9 Slider de testimonios
- 1.10 Planes de honorarios
- 1.11 Últimas del blog
- 1.12 FAQ en acordeón
- 1.13 CTA final con formulario inline
- 1.14 Footer multicolumna
SOBRE NOSOTROS
- 2.1 Hero con título de página y breadcrumb
- 2.2 Historia del despacho en dos columnas
- 2.3 Misión, visión y valores en tres tarjetas
- 2.4 Timeline de hitos del bufete
- 2.5 Contadores de KPIs
- 2.6 Bloque equipo resumido
- 2.7 CTA de contacto
SERVICIOS
- 3.1 Hero con título y breadcrumb
- 3.2 Grid completo de áreas de práctica con descripción extendida
- 3.3 Bloque de proceso de trabajo
- 3.4 Testimonios
- 3.5 CTA de consulta
SERVICIO DETALLE
- 4.1 Hero con título del servicio
- 4.2 Descripción larga con imagen y bullets
- 4.3 Subáreas relacionadas
- 4.4 Sidebar con lista de servicios y formulario rápido
- 4.5 CTA final
CASOS DE ÉXITO
- 5.1 Hero con título y breadcrumb
- 5.2 Filtros por categoría
- 5.3 Grid de tarjetas de casos
- 5.4 CTA
EQUIPO
- 6.1 Hero con título
- 6.2 Grid completo de miembros
- 6.3 CTA de unirse al equipo
MIEMBRO DETALLE
- 7.1 Hero con foto, nombre y especialidad
- 7.2 Biografía y formación
- 7.3 Áreas de práctica y publicaciones
- 7.4 Formulario de contacto directo
HONORARIOS
- 8.1 Hero con título
- 8.2 Tabla comparativa de planes
- 8.3 FAQ sobre facturación
- 8.4 CTA
BLOG
- 9.1 Hero con título y buscador
- 9.2 Categorías destacadas
- 9.3 Grid de artículos con paginación
BLOG DETALLE
- 10.1 Cabecera de artículo con meta
- 10.2 Cuerpo del artículo
- 10.3 Compartir y autor
- 10.4 Artículos relacionados
CONTACTO
- 11.1 Hero con título
- 11.2 Datos de contacto y mapa
- 11.3 Formulario amplio
- 11.4 FAQ corto
PROMPTS RELACIONADOS · BIENES RAÍCES
