Counsel: Astro Law Firm Website Template
Law firm & legal practice website template
About This Template
Counsel is a premium law firm template built for attorneys, legal practices, and consultancies. Eleven production-ready pages cover attorneys with individual profiles, practice areas with detail pages, case results, careers, and contact. Three color skins — Navy + Gold, Charcoal + Burgundy, Forest + Gold — with dark/light mode toggle. Editorial typography with Cormorant Garamond headings, animated stats counter, testimonial carousel, FAQ accordion, and magnetic button effects.
Signature
The editorial navy-and-gold palette with Cormorant Garamond headings creates a distinctly authoritative tone — conveying trust and prestige that law firms need, with alternating attorney grid layouts and case result callouts that showcase wins without feeling salesy.
Features
- 11 complete pages — Home, About, Attorneys, Attorney Profile, Practice Areas, Practice Area Detail, Case Results, Contact, Careers, Privacy, 404
- 3 color skins — Navy + Gold (default), Charcoal + Burgundy, Forest + Gold switchable via data-skin
- Dark / light mode — system preference detection + manual toggle, no FOUC
- Attorney profiles with individual pages — bio, education, bar admissions, practice areas
- Practice area detail pages with dynamic routes and related links
- Case results page with verdicts and settlement outcome callouts
- Testimonial carousel — auto-rotate every 6s, manual arrow + dot controls
- FAQ accordion — accessible, ARIA-labeled expand/collapse
- Animated stats counter triggered on scroll entry via IntersectionObserver
- Magnetic button effect on CTA buttons (desktop only)
- Content via JSON collections — attorneys, practice areas, case results, testimonials
- Careers page with open positions accordion and benefits grid
- Lenis smooth scroll with GSAP ticker integration
- TypeScript strict mode — zero any
Deployment
Tech Stack
Typography
Editorial serif heading (Cormorant Garamond) + clean sans body (DM Sans)
Color Palette
Editorial navy — deep navy background, gold accent (#C9A84C), warm cream text, 3 switchable skins + dark/light mode
Details
Counsel in detail
Last updated:
Who it’s for
Law firms, solo attorneys and legal consultancies that need attorney profiles, practice area pages and a consultation request form.
What makes it different
- Each attorney gets a full profile page with bio, education, bar admissions and practice areas, filled from one data file per person.
- A case results page presents verdicts and settlements as highlighted callouts.
- Three color skins (navy and gold, charcoal and burgundy, forest and gold) plus a light and dark mode that follows the visitor's system.
Pages included
- 01Home: firm introduction, stats, testimonials carousel and FAQ
- 02About: firm history and values
- 03Attorneys: team grid linking to each profile
- 04Attorney profile: bio, education, bar admissions and practice areas
- 05Practice areas: overview of every area the firm handles
- 06Practice area detail: description of one area with related links
- 07Case results: verdicts and settlement outcomes
- 08Careers: open positions and benefits
- 09Contact: consultation request form and office details
What’s in the download
- README.md, DOCUMENTATION.md, CUSTOMIZATION.md and DEPLOYMENT.md guides
- LICENSE.md and IMAGE-CREDITS.md
- Four JSON content collections: attorneys, practice areas, case results and testimonials
Inside the template
