Legal Services Professional Website Builder

What this prompt does

This prompt generates a complete law firm website architecture grounded in legal-industry design conventions that actually convert — not generic professional templates. The template enforces a specific persuasion sequence: authority-first hero to establish credibility, then practice areas to qualify the visitor, then attorney profiles to build trust, and only then a CTA. That ordering mirrors how legal clients actually make decisions under stress.

What makes it work is the opinionated constraint system baked directly into the template. The anti-patterns list (no gavel stock photos, no aggressive pop-ups, no ambulance-chaser aesthetic) saves you from the single biggest failure mode in legal web design: looking indistinguishable from low-credibility competitors. The color and typography rules — dark navy/charcoal, serif headings, gold accents — aren't aesthetic preferences, they're signals legal clients read as proxies for competence before they read a single word.

The framework variable means you get production-ready component code for hero, practice area grids, and attorney cards, not just wireframe descriptions.

When to use it

• A solo practitioner or boutique firm launching their first professional web presence and needing a complete structure, not just a landing page.
• A mid-size firm rebranding after a merger and needing to present multiple practice areas and a larger attorney roster coherently.
• A legal marketing agency building client sites at volume who needs a defensible, opinionated starting point that doesn't require re-litigating design decisions each time.
• A developer hired by a firm whose partners have opinions but no brief — the template's explicit design rationale gives you something concrete to walk stakeholders through.
• Any firm that previously had a generic WordPress theme and wants a site that signals specialist credibility rather than generalist convenience.

Example output

Hero:
  Headline: "Strategic Defense for High-Stakes Employment Disputes"
  Sub: "Harrington & Cole — 30 years protecting executives, companies, and institutions in federal court."
  CTA: "Schedule Your Free Consultation" | (212) 555-0190

Practice Areas Grid (4 areas):
  [icon: briefcase]  Wrongful Termination — pattern of escalation cases, EEOC records
  [icon: shield]     Executive Severance — negotiating exits, equity clawback defense
  [icon: alert]      Whistleblower Protection — Dodd-Frank, SOX, OSHA retaliation
  [icon: file]       Non-Compete Litigation — enforcement and injunction defense

Attorney Card — Margaret A. Harrington, Esq.:
  Photo | NYU Law JD | Admitted: NY, NJ, 2nd Circuit
  Selected verdicts: $4.1M jury verdict, SDNY 2024
  Publications: NYU Annual Survey of American Law, 2022

Pro tips

• Set [firm_size] precisely — "2 attorneys" vs "18-attorney regional firm" produces dramatically different profile layouts and the amount of social proof the template requests.
• For [practice_areas], use the exact phrasing on the firm's bar registration. Mismatches between marketing copy and official practice designations are a credibility signal lawyers notice immediately.
• The results section requests case outcomes — if your client has confidentiality constraints, pre-fill that variable with "anonymized case summaries" so the AI structures around that constraint rather than generating specific names.
• Pair this with a schema markup prompt afterward: legal firm sites benefit significantly from LegalService, Attorney, and FAQPage schema, none of which this prompt generates but all of which the content structure supports.
• [framework] matters more than it seems — specify Alpine.js + Tailwind for lightweight sites or React + shadcn/ui for firms that need a headless CMS integration. The animated counters in particular need JS that varies by framework choice.