Hale & Ward is an editorial website template for law firms, built around one decision: starting a conversation with a lawyer. Big serif headlines, warm photography, an oxblood accent and a WhatsApp-first contact flow help visitors trust the firm and reach out by WhatsApp, phone or a short intake form.
The same site comes three ways: a Figma file with every page at desktop, tablet and mobile, a Framer template with CMS and working forms, and production code in Next.js and Astro, with an AI layer so Claude Code, Codex or Cursor can rebrand it in one prompt.
What you get
- Figma file (.fig): 17 pages at desktop, tablet and mobile (51 screens)
- 22 components, color variables and text styles
- Framer remix link: 17 pages, 5 CMS collections, intake and job application forms
- Next.js 16 + Tailwind CSS + TypeScript code (static export, Markdown content)
- Astro 7 + Tailwind CSS code (static, Markdown content)
- AI layer: AGENTS.md, 5 playbooks, 5 Claude Code skills, Cursor rules, prompts
- Editorial motion: word-by-word headlines, photo reveals, count-up numbers
- Free fonts: Fraunces and IBM Plex Sans
- Start Here guide (PDF)
Questions or custom work: hello@djectstudio.com
