Componentes base — Wireframe baja fidelidad

Mobile-first · monocromo · sin identidad visual definida (color/tipografía pendientes de fase hi-fi)

01 · Botones

Primario
Secundario
Ghost / Texto
Deshabilitado
Icono (circular)
FAB — Añadir entrada
Destructivo
En hi-fi: rojo o tono de alerta

02 · Campos de entrada

Input estándar
Email
Input con error
Email
Introduce un email válido
Input con acción — Copiar
Usuario
Copiar
Input contraseña — oculta / ver / copiar
Contraseña
Ver
Copiar
Indicador de fortaleza
Master Password
Fuerte · ~78 bits de entropía

03 · Toggles, checkboxes, radios

Lista de toggles (config)
Desbloqueo biométrico
Face ID / huella
Bloqueo de capturas
Solo mobile
Checkbox — términos
✓
Acepto los Términos y condiciones y la Política de privacidad

04 · Badges, chips, TOTP

Badge TOTP (en lista)
2FA
Chip de etiqueta
Trabajo ×
TOTP con countdown
482 913
Anillo = countdown visual de 30s

05 · Item de entrada del vault

Estado por defecto
G
Gmail
ana.garcia@gmail.com
☆
Con TOTP + favorito
A
AWS Console
root@empresa.com
2FA
★
Swipe action (mobile)
N
Netflix
familia@email.com
★ Fav
Deslizar a la izquierda revela acción rápida

06 · Búsqueda y filtros

Barra de búsqueda
🔍 Buscar en el vault…
Filtros rápidos
Todos
Favoritos
Trabajo
Personal

07 · Indicador de sincronización

Sincronizado
Sincronizado
Sincronizando
Sincronizando…
Error
Error de sincronización

08 · Navegación inferior (mobile)

▦Vault
⚑Salud
⚙Ajustes

09 · Slider (generador de contraseñas)

Longitud: 16
8
128

10 · Estado vacío

🔒
Tu vault está vacío
Añade tu primera contraseña o importa desde otro gestor

11 · Modal / Bottom sheet (shell)

Título de la acción
Contenido del bottom sheet — usado para confirmaciones, generador, etc.