Law firm header
Two-row header: a phone and address strip, the firm name with a subtitle, three navigation links and a free consultation button.
Website kit · Law firms & consultancies
Law firm website kit
Six pages for a small law firm: header, home, practice areas with fees, attorney profiles, a consultation form and a footer with a disclaimer.
About this kit
A law firm website has a narrower job than most business sites. A visitor usually arrives with one specific problem, such as a parent’s estate, a contract to sign or a severance offer, and wants three answers quickly: whether you handle that kind of matter, roughly what it will cost, and how to talk to someone without committing to anything. The site also has to stay inside the advertising rules most state bars apply to lawyers, which is why this kit contains no case results, guarantees or win rates and carries a disclaimer in the footer.
The pages map onto those questions. The home page says who the firm helps and offers a free consultation above the fold, then shows the practice areas, how a matter moves from first call to closed file, and the commitments the firm works by. The practice areas page lists what each service includes, the questions clients typically ask and whether it is billed as a fixed fee or by the hour. The attorneys page carries profiles, bar admissions and education. The consultation page holds the intake form, with a notice not to send confidential details before a conflict check.
Import the header and footer first. With Elementor Pro, assign them in Theme Builder as the site header and footer so they appear on every page; without Pro, paste them at the top and bottom of each page or keep your theme’s own header. Then import the home, practice areas and attorneys pages, and build the consultation page last, because its form needs Elementor Pro and a configured email action before it can receive anything. Replace the fictional firm, attorneys, fees and address before publishing, and have someone who knows your state’s attorney advertising rules read the finished pages.
What is in the kit
Law firm home page
Hero with a who-we-help statement and consultation button, six practice area cards, a four-step process, an approach band, a client quote and a CTA.
Law firm practice areas page
Five practice areas with what is included, typical questions and a fee approach, a fixed fee and hourly billing explainer, and a fee FAQ accordion.
Law firm attorneys page
Four attorney profile cards with portraits, a bar admissions and education section, four firm values and a consultation call to action.
Law firm consultation page
Consultation request form with a confidentiality notice, office address and hours, a what-to-bring checklist and three next steps.
Law firm footer
Four-column footer with a firm summary, practice area and firm links, contact details and an attorney advertising disclaimer.
Colors and fonts
Every page in the kit uses the same palette and font pair, so pages imported one by one still look like one site. After import, the colors and fonts are ordinary Elementor settings on each widget.
Navy
#1d2b3e
Ivory
#f8f4ec
White
#ffffff
Slate
#566273
Muted gold
#8c6d3a
Stone
#ddd5c4
- Headings: Libre Baskerville
- Body text: Source Sans 3
How to install the kit
- Download the kit. The ZIP holds one Elementor JSON template per page and per header/footer, the HTML source of each, and a README.
- In WordPress, open Templates → Saved Templates → Import Templates and import the JSON files you need.
- Create each page, choose “Elementor Canvas” or “Elementor Full Width” as the page template, and insert the matching saved template.
- With Elementor Pro, assign the header and footer in Theme Builder. Without Pro, keep your theme’s header and footer and skip those two files.
- Replace the sample text, images, prices and contact details before publishing. Forms in the kit need Elementor Pro and an action set after import.