Typography
Geist Sans. Semantic sizes via text-display / text-heading / text-label / text-caption.
Display — Vault integrity verified
Heading — Security overview
Label — Regular interface text at 0.875rem
Caption — supporting, muted detail at 0.8125rem.
Surface hierarchy
Depth comes from separated surface levels, 1px borders and restrained shadows — never decoration.
background
surface
surface-elevated
surface-hover
surface-active
Forms
Inputs, labels, textarea, switch. Error state uses aria-invalid — not color alone.
Stored locally. Never transmitted.
Incorrect master password. 2 attempts remaining.
Cards & badges
Raised surface levels with status colors from tokens.
Heads up
Lokker stores everything on this device. Enable backups to avoid data loss.
Success
Vault created and encrypted successfully.
Warning
Reused passwords were detected in 3 entries.
Error
Failed to unlock the vault. Check your master password.
Overlays
Dialog, dropdown menu, tabs — Radix-managed stacking.
| Name | Username | Strength |
|---|---|---|
| GitHub | arnav@example.com | Strong |
| Old forum | arnav92 | Weak |
Loading
Skeletons and spinners for async states.
Unlocking vault…