Typography Scale

H1 — Serif, 72px, weight 400
H2 — Sans, 56px, weight 600
H3 — Sans, 32px, weight 500
Callout — Serif, 48px, weight 400

Body — Sans, 16px, weight 400. This is regular body text used for paragraphs, descriptions, and general content. It should be comfortable to read at length.

Body Small — Sans, 14px. Used for captions, metadata, and secondary information.

Caption — Sans, 12px. The smallest text size, for footnotes and fine print.

Color Tokens

--mv-bg
--mv-bg-elevated
--mv-bg-surface
--mv-bg-badge
--mv-text
--mv-text-accent
Text 100% Text 75% Text 60% Text 50% Text 40% Text 20%

Utility Components

Badges

Default Badge Design Strategy Development

Cards

Card Title

A simple card component with padding, border, and rounded corners. Used for features, testimonials, or content blocks.

Dividers

Recent Posts

Robots Do Paperwork; You Do Winning

Robots Do Paperwork; You Do Winning

Elisa Silverglade, Director of Automation at Techrobotic AI, joined the SM Playbook Unleashed podcast to unpack how robotic process automation reduces repetitive tasks, safeguards accuracy, and gives clients more of your human attention where it counts. We draw a bright line between RPA and AI: AI imitates thinking, while RPA imitates clicks and keystrokes with […]

AI In Law Firms: Smart Strategy or Unnecessary Distraction?

AI In Law Firms: Smart Strategy or Unnecessary Distraction?

In this episode of The Law Firm Lab, Margaret Burke welcomes Elisa Silverglade, Director of Automation at Techromatic, to discuss how robotic process automation (RPA) can transform law firm operations. Drawing from her background as a law firm office manager and her expertise in automation, Elisa shares practical strategies for streamlining client onboarding, reducing bottlenecks, […]