CounselbookLegacy format
A design system for law firms, contract review platforms, and legal research tools with warm cream paper surfaces, deep navy ink, and brass accents for precision interactions.
Color Palette
Typography
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Spacing
Base: 4pxA design system for law firms, contract review platforms, and legal research tools with warm cream paper surfaces, deep navy ink, and brass accents for precision interactions.
Components
Buttons
Elevation & Depth
Do's & Don'ts
Do
Don't
Icons
Font AwesomeLibrary: Font Awesome · Style: outline
Motion
Documents don't bounce. Motion is restrained and functional. Standard duration is 200ms with cubic-bezier(0.4, 0, 0.2, 1) easing. Fast interactions use 120ms; slower panel reveals use 320ms. No bouncy spring physics. Panel transitions are slides only — no scale or rotation entrances. The single exception: annotation pins pulse for 320ms ease-out on creation to draw the eye.
Voice and Tone
• Declarative, never exclamatory. No exclamation marks.
• Active voice. Prefer "Reviewed contract" over "The contract was reviewed."
• No emoji anywhere — not in copy, not in toast notifications, not in empty states.
• Empty states cite the section in legal idiom: "No filings under §12(b)(6)." rather than "Nothing here yet!"
• Toasts and confirmations use the language of action: "Motion filed," "Brief saved to docket."
Use with MCP
Don't have the MCP? Install it here