01 — Leaks
Data Breach
Monitor
Track if your email credentials have been compromised. Get detailed reports per service with resolution actions.
A unified security suite that guards your digital identity — from breached credentials to two-factor codes.
Project Overview
Element Guard consolidates four essential security tools into a single, beautifully crafted iOS experience. Each module is distinguished by its own visual identity while sharing a cohesive design language rooted in glassmorphism, fluid gradients, and intuitive interactions.
01 — Leaks
Track if your email credentials have been compromised. Get detailed reports per service with resolution actions.
02 — Vault
Store credentials securely. One-tap copy for login and password, with strength indicators and a search-first interface.
The average person reuses the same password across 13 accounts.
Element Guard makes that history.
03 — Authenticator
Time-based one-time passwords with live countdown timers. Backup codes included for account recovery.
04 — Generator
Create strong, unique passwords with fine-grained control over character sets. Copy with a single tap.
User Flow
A focused bottom-sheet interaction for adding emails to monitor for data breaches.
Design System
Accent-colored CTA with shadow depth and rounded pill shape
Frosted white cards over gradient backgrounds with subtle shadows
Floating white navigation with active state highlighting