Legal Website Pattern Library
A collection of reusable, conversion-focused website patterns designed for legal SEO pages and law firm websites.
Full-width hero sections
Standard hero layouts designed to sit directly under the site header — full bleed, responsive, conversion-ready.
Premium Attorney Hero
Large headline, attorney image, dual CTAs, and trust badges for authority pages.
Georgia's Most Trusted Injury Lawyers
Millions recovered for accident victims. No fee unless we win your case.
Local SEO Hero
City-based headline with background image, call button, and Google review rating.
Atlanta Car Accident Lawyer
Local attorneys fighting for Atlanta accident victims since 1998.
Global Hero Block
Full-width centered hero with dynamic H1, dual CTAs, and a 3-column trust badges row for maximum conversion.
Atlanta Personal Injury Lawyer
Injured in Georgia? We help accident victims fight for compensation after serious crashes, painful injuries, and insurance company pressure.
22 patterns
Simple Breadcrumb
bc-1Minimal, accessible breadcrumb trail for content hierarchy.
Enhanced Breadcrumb
bc-2Icon support and styled separators with active state pill.
Sticky Sidebar TOC
toc-1Persistent side navigation that follows the reader through long-form content.
Card Style TOC
toc-2Numbered card grid as a visual entry point to article sections.
Inline Call CTA
cta-1Compact mid-content call-to-action with prominent phone number.
Full Width Banner CTA
cta-2High-impact full-bleed conversion banner with dual action buttons.
Simple Consultation Form
form-1Clean, minimal lead capture form for sidebars and inline use.
Trust Focused Form
form-2Includes review rating, no-fee badge, and confidentiality trust signals.
Sidebar Consultation Form
form-3Sticky-capable vertical lead capture widget with labeled fields, high-contrast submit, and trust signals footer.
Accordion FAQ
faq-1Classic accordion FAQ with smooth expand/collapse.
Modern Expandable FAQ
faq-2Schema-ready, numbered Q&A blocks with subtle highlighting.
Google Review Cards
rev-1Branded Google-style review cards with star ratings.
Video Testimonial Slider
rev-2Featured-plus-thumbnails layout for client video stories.
Practice Area Grid
link-1Icon-led grid for navigating practice areas and silo linking.
Location & Practice Grid
link-2Dual-column grid for location pages cross-linked to practices.
Contact Banner CTA
final-1Footer-anchored contact banner with side-by-side action buttons.
Attorney Closing CTA
final-2Personal closing statement from the attorney to humanize conversion.
Inline Content CTA
cta-3Mid-article conversion block with glassmorphism styling, designed to drop naturally inside a 1140px content stream.
Final Footer CTA Banner
final-3Massive full-width conversion banner with pulsing phone CTA, built to dominate the moment before the footer.
Build your next SEO landing page in hours, not weeks.
Mix, match, and ship — every pattern is on-brand, responsive, and conversion-tested.