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

  1. 01HomeHero with live phone hours, situations with an answering card, six practice areas, the four steps before work begins, results, people and insights
  2. 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
  3. 03People and profileSix lawyers; each with qualifications, languages, a biography, the results they led and what they wrote
  4. 04ResultsEight matters with outcome, time and a short account, filtered by practice area, under a disclaimer
  5. 05Insights and articlePlain-language guides with an author card and related reading
  6. 06FeesThree headline figures, a fixed-fee list, hourly rates and questions
  7. 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.

Forthright template. Home: the hero on poppy red, with the live phone line.
LightHome: the hero on poppy red, with the live phone line.
Forthright template. Home in dark mode.
DarkHome in dark mode.
Forthright template. Pick a situation: the first step, the time, the fee and the lawyer.
LightPick a situation: the first step, the time, the fee and the lawyer.
Forthright template. A practice area, with what it covers and how it usually goes.
DarkA practice area, with what it covers and how it usually goes.
Forthright template. The four things that happen before any work begins.
LightThe four things that happen before any work begins.
Forthright template. A lawyer's profile with qualifications and languages.
DarkA lawyer's profile with qualifications and languages.
Forthright template. Six lawyers, each leading one practice area.
LightSix lawyers, each leading one practice area.
Forthright template. Results with outcome and time, under a disclaimer.
DarkResults with outcome and time, under a disclaimer.
Forthright template. Fees stated: fixed fees and hourly rates.
LightFees stated: fixed fees and hourly rates.
Forthright template. Booking a free call, with a conflict-check field.
DarkBooking a free call, with a conflict-check field.
Forthright template. Home on a phone, with Call and Book in reach.
Forthright template. A practice area on a phone, dark mode.
PhoneHome on a phone, with Call and Book in reach. A practice area on a phone, dark mode.

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

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.

Book a call

Fixed quote. You own everything we make.

The Black Momento online store, built by Victor Studios
Client work, designed and built by us