Freeframe
Business9 pages · 4 downloads · Free

Brief

A calm, plain-English website for a solo lawyer or solicitor, with fixed fees, an options checker and booking.

Stack
v1.0.0 changelog
DocsLive demo Download .zip180 KB

About this template

Brief is a complete website for Pennington Employment Law, the fictional Southampton practice of independent employment solicitor Tessa Pennington. It pairs Literata and Albert Sans with a paper, forest-ink and highlighter palette and SVG illustrations, and includes services filterable by area, a fee estimator with VAT, employer contributions and payment plans, a branching "what are my options?" check with a tribunal deadline calculator, searchable guides with a long-form article, and a four-step consultation booking flow with conflict-check fields and a .ics download.

Features

  • Fee estimator: matter and complexity give a fixed fee or a range, with a VAT toggle, an employer-contribution deduction, an interest-free payment plan and shareable ?matter= URLs
  • Branching "what are my options?" check with 15 plain-English results, a recommended fixed-fee service and a recap of your answers, saved in localStorage
  • Employment tribunal deadline calculator (three months less one day, or six months) with days remaining and urgent and late warnings
  • Four-step booking flow: call type, keyboard-accessible calendar with UK-time slots and the visitor's local time, conflict-check details, confirmation and a .ics calendar hold
  • Services filterable by area with live counts, what's included, timelines, fees and shareable ?area= URLs
  • Searchable guide library with topic filters, an empty state and ?tag= and ?q= URLs
  • Long-form article with a reading progress bar and a table of contents that follows your scroll
  • Not-legal-advice notices, regulation and complaints information and review disclaimers written in
  • Illustrated SVG portrait, office and document artwork, highlighter-mark headings and a full fee table
  • Accessible mobile menu, FAQ accordion, scroll reveals, back-to-top button, skip link, SEO and Open Graph tags

Pages included

Quick start

unzip brief.zip && cd briefopen index.html        # that's it # optional, after adding new Tailwind classes:npm install && npm run build
Read the Brief documentation →

Changelog

  1. v1.0.0

    Added

    • Nine pages for Pennington Employment Law, a fictional solo employment solicitor in Southampton: home, services, fees, check your options, guides, a sample article, about, book a call and a 404 page.
    • Fee estimator with matter and complexity choices, fixed fees or ranges, a VAT toggle, an employer contribution, an interest-free payment plan and shareable ?matter= and ?level= URLs, plus a full fee table and staged tribunal fees.
    • Branching "what are my options?" check with plain-English results, a recommended service, a recap of the answers and a saved result in localStorage (validated on read) with a start-again button.
    • Employment tribunal deadline calculator (three months less one day, or six months for statutory redundancy pay) with days remaining and urgent and late warnings.
    • Four-step booking flow with call types, an accessible month calendar, UK-time slots with the visitor's local time, conflict-check fields, inline validation, a confirmation and a .ics download (demo only, nothing is booked), and a message form.
    • Services filtered by area with live counts and ?area= URLs; guides with topic filters, search and ?tag=/?q= URLs; a long-form article with reading progress and a table of contents.
    • Not-legal-advice notices, regulation and complaints placeholders and review disclaimers.
    • SVG portrait, office and document illustrations, SVG favicon and a PNG social image (SVG source included), scroll reveals, FAQ accordion, accessible mobile menu and a back-to-top button. Full documentation in DOCS.md.

More templates