İçeriğe atla

Encrypted Graphite

Password Manager App Design Template

Vault Keep is a dark-mode password manager app design with a vault-health ring and mono-typed secrets, built for security and privacy product teams.

Password manager app home screen with vault health ring and recent logins
Password manager app credential detail screen with 2FA code and strength meter
Password manager app generator screen with length slider and character toggles

Ekranları keşfedin

Sleek'te tamamen düzenlenebilen password manager mobil uygulama tasarımını önizleyin.

Password manager app home screen with vault health ring and recent logins
Password manager app credential detail screen with 2FA code and strength meter
Password manager app generator screen with length slider and character toggles
Security Audit4. Ekran
Vault Categories5. Ekran
Settings6. Ekran

Password Manager App hakkında

Vault Keep is a password manager app design template built on an "Encrypted Graphite" look: near-black backgrounds, slightly raised slate surfaces, cool off-white text, and a single electric-mint accent reserved for the strong-security state and the primary unlock action. Real password strings, OTP codes, and generated keys are set in a fixed-width mono so they read as data, not prose, while credentials live in a tonal stack separated by faint hairlines instead of floating cards.

The template ships six connected screens that form a complete password-vault flow: a Vault home with a search field and the signature vault-health ring, a credential detail with a reveal-on-hold password and a 2FA countdown, a secure password Generator, a Security Audit grouping reused and breached items, a category Vault grid, and a Settings screen for biometric unlock and auto-lock. Generated brand favicons render each login as a crisp rounded-square chip, so the UI feels populated and real.

Use it in Sleek and make it your own: restyle the palette, edit any screen with AI by describing the change, and add the flows your product needs. Export it to code, copy it into Figma with no plugin, or hand a prompt to an AI agent to build it for real, far faster than starting from a blank canvas.

Dahil olan ekranlar

01

Vault Home

A search field, the vault-health ring reading "142 items secured" at 89%, and a recent-activity stack of logins like Chase Bank, Netflix, GitHub, and Figma with favicon chips and masked passwords.

02

Credential Detail

A large GitHub favicon with site name, copyable username, a reveal-on-hold password in mono, a security-level meter, and a 2FA code with a countdown ring. The core view for using a saved login.

03

Generator

A live mono password string with a regenerate button and "Copy Key" action, plus parameter controls for length and toggles for symbols, numbers, and lowercase. Creates strong keys on the spot.

04

Security Audit

A health ring showing 89% with a "Status: Strong" summary, followed by grouped critical issues: items in known breaches, reused passwords, and weak passwords, each an expandable row.

05

Vault Categories

A grid of filter tiles for Logins, Cards, Notes, Identities, Wi-Fi, and Trash, each with an icon and item count. The fast way to browse the vault by type.

06

Settings

A profile card with plan status, Security & Access controls for biometric unlock, auto-lock timer, and emergency access, plus sync status, export, and a lock-and-sign-out action.

Öne çıkan özellikler

  • Encrypted Graphite aesthetic: near-black graphite with one mint accent
  • Fixed-width mono for passwords, OTP codes, and keys
  • Signature vault-health ring with risk-colored segments
  • Tonal credential stack with hairline dividers, no floating cards
  • Generated brand favicon chips for each login
  • Reveal-on-hold masked passwords with copy actions
  • 2FA codes with live countdown rings
  • Squared 10px buttons and a four-icon bottom navigation bar

Kimler için

Founders validating a password manager or privacy app MVP
Product designers needing a dark-mode security UI starting point
Indie developers building a credential or vault app
Security teams prototyping a password-management experience

Neler oluşturabilirsiniz

  • Launch an MVP for a password manager product
  • Mock up screens for an investor or stakeholder pitch
  • Hand a consistent dark-mode UI off to developers
  • Explore a redesign of an existing vault or authenticator app

Bu şablon nasıl kullanılır

  1. 1

    Şablonu aç

    Ekranlara göz atın ve fikrinize uyup uymadığını görmek için tüm tasarımı önizleyin.

  2. 2

    Bu şablonu kullan

    Tek tıkla Sleek'te tamamen düzenlenebilir kendi kopyanızı açın.

  3. 3

    Yapay zekâ ile düzenle

    Ne istediğinizi anlatarak paleti yeniden tasarlayın, düzenleri değiştirin, ekran ekleyin veya kaldırın.

  4. 4

    Dışa aktar ve yayınla

    Tasarımınızı dışa aktarın ya da geliştiricilere teslim edin, lansmana kadar geliştirmeye devam edin.

Sorularınızın yanıtları. Başlamadan önce bilmeniz gereken her şey.

How do I build a password manager app from this template?
Click "Use this template" to open it in Sleek as your own editable project, then shape it by describing the changes you want: restyle the palette, edit any screen, and add the flows your product needs. You start from six complete screens instead of a blank canvas, so you reach a working password manager app design much faster.
What screens are included in this password manager app design template?
Six connected screens: Vault home, Credential detail, Generator, Security Audit, Vault categories, and Settings. Together they cover the core flow of a real vault app, from browsing and revealing logins to generating keys and auditing weak passwords.
Can I customize the password manager app UI?
Yes. Use the template in Sleek and edit any screen by chatting with the AI: restyle the graphite-and-mint palette, change layouts, swap favicons, and add or remove flows. There's no manual redraw; you describe the change and it's applied.
Is this password manager app design template free to use?
You can open and explore the design for free, then use it in your own Sleek project to build on it. Editing and exporting follow Sleek's standard plans.
Can I export the design to code or Figma?
Yes. Sleek exports your design as code, copies straight into Figma with no plugin, or hands you a ready-made prompt that an AI agent like Claude Code or Cursor can use to build it into a real, working app.
Is this template suitable for an authenticator or secrets-management app?
Absolutely. The 2FA countdown, credential detail, generator, and audit screens map cleanly onto authenticator, secrets-manager, or enterprise vault products. Adjust the categories and content to fit your niche.

Başka bir sorunuz mu var? support@sleek.design adresine yazın.

password manager uygulamanızı tasarlamaya başlayın

Sleek'te kullanın ve kendinize göre uyarlayın: paleti yeniden tasarlayın, herhangi bir ekranı yapay zekâ ile düzenleyin, ardından koda veya Figma'ya dışa aktarın.