Sign In Card

>npx @shavin/cli add sign-in-card

Sign in

Enter your credentials to access your account.

Email

Password

Invalid input — please check and try again

Remember me

Forgot password?

Don't have an account? Sign up

Installation via CLI

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

npx @shavin/cli add sign-in-card

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:#studio-authored
Configure Theme
Theme
Accent Color
Custom
Gray Family
Appearance
Radius
Scaling
Panel Style
Heading Font
Body Font