Law firm · Law firms and solo lawyers
Forthright
A multi-page website for a law firm that says what happens next: pick your situation to see the first step, the usual time, the fee and the lawyer who leads it, with stated fees, results with a disclaimer and light and dark mode.

- Pages
- 7
- Modes
- Light and dark
- Responsive
- Desktop, tablet, phone
- Versions
- Framer, Code, XOXI
About this template
What Forthright is
Forthright is a complete website for a law firm or a solo lawyer who acts for people and small businesses. The home page asks what you need help with, in the words people use on the phone: I lost my job, my landlord kept my deposit, I need a will. Pick one and a card answers with the first step, how long it usually takes, the fee and the lawyer who leads that work, with a button that carries the situation into the booking form. The first screen is one photograph that runs to the edges and fades into the page under the headline. The palette is a cool paper white with deep ink panels and one poppy-red accent, with no gold, columns or gavels.
It has 14 page types: home, practice areas and a page for each with what it covers, how it usually goes, the time and the fee, people and a profile for each lawyer, results with a filter and a disclaimer wherever they appear, insights and articles, a fees page with fixed fees and hourly rates, about with a regulatory statement, a booking form with day, time and a conflict-check field, privacy, a disclaimer and a 404. Lawyers, practice areas, results and articles are each set once and every page reads from them.
Every page is designed in light and in dark, with a toggle in the header, and the layout adapts to desktop, tablet and phone, where Call and Book stay in reach. The firm, its lawyers, fees and results are invented, and the photographs are for demonstration only, so replace them with your own and check your local rules on legal advertising before you publish.
Last updated
What's included
7 pages, ready to fill in
- 01HomeHero with live phone hours, situations with an answering card, six practice areas, the four steps before work begins, results, people and insights
- 02What we do and practice areaSix areas; each with what it covers, how it usually goes, the time, the fee, the lead lawyer, recent results and questions
- 03People and profileSix lawyers; each with qualifications, languages, a biography, the results they led and what they wrote
- 04ResultsEight matters with outcome, time and a short account, filtered by practice area, under a disclaimer
- 05Insights and articlePlain-language guides with an author card and related reading
- 06FeesThree headline figures, a fixed-fee list, hourly rates and questions
- 07About, book, legal, 404The firm's story with a regulatory statement, a booking form with day and time, privacy, a disclaimer and a 404
Features
- Phone hours read live in the firm's own time zone
- Situations, areas, lawyers and fees linked in one file
- The disclaimer travels with every list of results
- The chosen situation prefills the booking form
- Light and dark mode with a toggle
- Responsive, with a Call and Book bar on phones
- Practice areas, people, results and insights on the Framer CMS
Code version
- React 19
- Vite
- Tailwind CSS 4
- TypeScript
- Motion
- React Router
- Content in typed files
Screens
A closer look
Taken from the live demo, in light and in dark, on desktop and on a phone.












Where to get it
Three versions, one design
Pick the one that matches how you build. The pages and the design are the same in each.
- Framer templateRemix it into your Framer account and edit on the canvas. Projects and journal posts run on the Framer CMS.
Free on FramerFramer Marketplace
- Code on Digital Silk RouteThe full source: React 19, Vite, Tailwind CSS 4, TypeScript. Host it anywhere and change anything.
$5one payment
Buy theme · $5 - XOXI themeA theme for your XOXI profile. Live on the XOXI website now; the iOS and Android app gets it with the next app update.
Includedfor Pro and Business+ members
Get it with Pro plan on XOXI
Want to see it first? View demo
More templates
Others you may like

Pagina
A multi-page portfolio template for independent designers and small studios, with light and dark mode.
Free on Framer · $5 code

Stint
A multi-page resume and CV website with a career timeline, a printable resume page, and light and dark mode.
Free on Framer · $5 code

Sidelit
A multi-page photography portfolio where the photograph in view lights the page, with every frame shown whole and light and dark mode.
Free on Framer · $5 code
Want one made for you?
Start with a free 30-minute call. You get a written plan and a fixed quote before any work begins.
Fixed quote. You own everything we make.

