Counsel
Plantilla web para bufete de abogados y práctica legal
Sobre Este Template
Counsel es una plantilla premium para bufetes de abogados diseñada para abogados, prácticas legales y consultorías. Once páginas listas para producción cubren abogados con perfiles individuales, áreas de práctica con páginas de detalle, resultados de casos, carreras y contacto. Tres skins de color — Navy + Gold, Charcoal + Burgundy, Forest + Gold — con toggle de modo oscuro/claro. Tipografía editorial con encabezados Cormorant Garamond, contador de estadísticas animado, carrusel de testimonios, acordeón FAQ y efectos de botón magnético.
Firma
La paleta editorial navy-and-gold con encabezados Cormorant Garamond crea un tono distintamente autoritario — transmitiendo confianza y prestigio que los bufetes necesitan, con layouts alternados de abogados y callouts de resultados que muestran victorias sin sentirse vendedor.
Características
- 11 páginas completas — Inicio, About, Abogados, Perfil de Abogado, Áreas de Práctica, Detalle de Área, Resultados de Casos, Contacto, Carreras, Privacidad, 404
- 3 skins de color — Navy + Gold (default), Charcoal + Burgundy, Forest + Gold intercambiables vía data-skin
- Modo oscuro / claro — detección de preferencia del sistema + toggle manual, sin FOUC
- Perfiles de abogados con páginas individuales — bio, educación, admisiones al colegio, áreas de práctica
- Páginas de detalle de áreas de práctica con rutas dinámicas y links relacionados
- Página de resultados de casos con veredictos y callouts de acuerdos
- Carrusel de testimonios — auto-rotación cada 6s, controles de flechas + dots
- Acordeón FAQ — accesible, expand/collapse con etiquetas ARIA
- Contador de estadísticas animado disparado al entrar en viewport vía IntersectionObserver
- Efecto de botón magnético en botones CTA (solo desktop)
- Contenido vía colecciones JSON — abogados, áreas de práctica, resultados de casos, testimonios
- Página de carreras con acordeón de posiciones abiertas y grilla de beneficios
- Smooth scroll con Lenis e integración con ticker GSAP
- TypeScript en modo estricto — cero any
Despliegue
Stack Técnico
Tipografía
Encabezado serif editorial (Cormorant Garamond) + cuerpo sans limpio (DM Sans)
Paleta de Colores
Editorial navy — fondo azul marino profundo, acento dorado (#C9A84C), texto crema cálido, 3 skins intercambiables + modo oscuro/claro