跳到主要内容

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

探索各界面

预览 password manager 移动应用设计,可在 Sleek 中完整编辑。

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 Audit第 4 屏
Vault Categories第 5 屏
Settings第 6 屏

关于 Password Manager App

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.

包含的界面

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.

核心功能

  • 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

适合谁

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

你可以做什么

  • 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

如何使用此模板

  1. 1

    打开模板

    浏览各界面并预览完整设计,看看是否契合你的想法。

  2. 2

    使用此模板

    一键在 Sleek 中打开你自己的完全可编辑副本。

  3. 3

    用 AI 编辑

    只需描述你想要的效果,就能重设配色、改布局、增删界面。

  4. 4

    导出并上线

    导出设计或交给开发者,继续推进上线。

有问必答。 开始之前你需要了解的一切。

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.

还有其他问题?请发邮件至 support@sleek.design。

开始设计你的 password manager 应用

在 Sleek 中使用并改成你的:重设配色、用 AI 编辑任意界面,再导出为代码或 Figma。