Onyx Legal Comparison

Onyx Legal Comparison

A professional comparison table for legal service tiers.

Features

• 3-tier comparison with feature matrix
• Check/cross indicators in emerald/garnet
• Highlighted plan with emerald glow border
• Onyx professional aesthetic with pinstripe texture
• Merriweather serif headings with Karla body text
• Light and dark mode with proper contrast
• Staggered row animations

Dependencies

• @remixicon/react — Check, close, and legal icons
• @/components/ui/card — Plan headers
• @/components/ui/button — CTA buttons
• @/components/ui/badge — Plan badges
• @/components/ui/separator — Row dividers

Customization

• Modify features and plan details
• Adjust emerald/garnet colors
• Add or remove comparison rows