Plan Card with Image

>npx @shavin/cli add card-plan-inset
Layered strokes of pastel paint

Household

For couples and families who share bills, budgets and goals.

$13.99

per month

or $134 billed yearly, save 20%

Up to 6 household members

Owner, Editor and Viewer roles

Unlimited linked accounts

150 receipt scans per month

Installation via CLI

Add this block directly into your project codebase with all dependencies and tokens resolved:

npx @shavin/cli add card-plan-inset

Token & Spatial Architecture

  • 100% Token Compliant: Zero raw hex colors or arbitrary values; remaps seamlessly in dark and light modes.
  • Concentric Radius: Set radius="concentric" on nested elements to auto-resolve inner radius from the container's padding.
  • Multi-Device Responsive: Designed for Desktop (1280px+), Tablet (768px), and Mobile (375px) breakpoints.
Tags:#card#pricing#plan#media
Configure Theme
Theme
Accent Color
Custom
Gray Family
Appearance
Radius
Scaling
Panel Style
Heading Font
Body Font