Law Firm Landing Page
Built for Vane, the sample brand inside the template
A law firm's one-page site: a blue guilloché fountain pen uncaps across a black opener as you scroll, pixel dissolves open a blue colonnade and turn the page white, then a rolling practice cube, a drifting partner spread, rolling results and a blue close where the pen caps itself.
It builds, or it's free. If this prompt doesn't rebuild the site you saw in its live demo, email us within 14 days of buying for a full refund. · Want it for your own law firm?
What to charge$2,500–5,000 for the one-page site with their partners, practices and resultsTypical freelance range for small and mid-size law firms (2–15 lawyers) whose website is a ten-year-old template or a directory listing: business litigation, real estate, employment, family and estate firms. Not a promise of income · Selling to law firms
How it moves
A black first screen: a three-line statement top right, a huge white 'Vane' wordmark with a small LAW along the bottom left, a black-and-white partner walking down a glass corridor on the right, and a capped blue fountain pen lying across it all. Scrolling pins the stage: the opener lifts away, the pen swings level and draws from its cap while 'Every word', 'Is a promise' and 'We keep ours' blur in. A square-pixel dissolve opens a blue-toned courthouse colonnade behind the pen; a second dissolve turns the page white, where 'Act early.' and 'Hold firm.' appear and a tilted photo of a partner speaking rises from the lower right. Below: a 3D cube of practice photos that rolls a quarter turn per practice, a lead partner portrait beside 'ALL + PARTNERS' with drifting thumbnails that swap the lead on hover, a results list that rolls one row at a time, and a blue gradient close where the pen slides back into its cap above 'Tell us what happened. We'll tell you where you stand.' and a consultation button.
What you get
- A tested build prompt · 11.6k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the landing page section by section.
- The working projectVite + React.
npm install && npm run devand it runs, no keys or accounts. - The assets and their promptsEvery image and loop, plus the exact prompts that made them, so you can make your own.
Sell this site
- Who buys it
- small and mid-size law firms (2–15 lawyers) whose website is a ten-year-old template or a directory listing: business litigation, real estate, employment, family and estate firms
- What to charge
- $2,500–5,000 for the one-page site with their partners, practices and results
- Find them on Google Maps
- ••••••••••••••••••••••••••••••
- The 30-second call pitch
- “Hi, I build websites for … I looked you up on Maps … Can I send you a two-minute video of it?”
- What the client supplies
- Photos, prices, hours, logo, and which slot each one replaces.
- The upsell
- The second thing to sell them after launch.
Inside the prompt
A one-page site for Vane Law, a sample partner-led law firm. It opens on a black screen: a three-line statement top right ("We read every line, argue every point, and sign nothing we wouldn't sign ourselves."), a huge white "Vane" wordmark with a small "LAW" along the bottom left, a black-and-white photograph of a partner walking down a glass corridor on the right, and a capped blue guilloché fountain pen lying across it all on a diagonal. As you scroll the screen stays pinned: the opener lifts away, the pen swings level and draws from its cap, which slides off and settles below it while "Every word", "Is a promise" and "We keep ours" blur in. A square-pixel dissolve opens a blue-toned colonnade behind the pen; a second dissolve turns the page white, where "Act early." and "Hold firm." appear and a tilted photograph of a partner meeting rises from the lower right. Below the hero: a 3D cube of practice photographs that rolls a quarter turn per practice, a lead partner portrait beside "ALL + PARTNERS" with drifting thumbnails that swap the lead, a results list that rolls one row at a time, and a blue gradient close where the pen slides back into its cap above "Tell us what happened. We'll tell you where you stand." and one button, "Book a consultation +". A phone visitor sees the whole first screen at once (statement, corridor, pen, wordmark), composed for a tall screen; every scene plays on their thumb.
- What it is
- Style
- Build steps
- Assets
- Motion summary
- Make it yours
- Launch checklist
- Acceptance checks
