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

화면 살펴보기

Sleek에서 완전히 편집 가능한 password manager 모바일 앱 디자인을 미리 보세요.

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.

포함된 화면

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.

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.

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.

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.

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.

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
템플릿 열기
화면을 둘러보고 전체 디자인을 미리 보며 아이디어에 맞는지 확인해 보세요.
2
이 템플릿 사용
한 번의 클릭으로 Sleek에서 완전히 편집 가능한 사본을 엽니다.
3
AI로 편집
원하는 것을 설명하기만 하면 팔레트 재스타일, 레이아웃 변경, 화면 추가·삭제가 가능합니다.
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 주소로 이메일을 보내 주세요.