Cover illustration. The files are listed under What's inside.
Dark Mode Authentication Kit
Dark-theme authentication, 18 screens across mobile and desktop: sign-in, sign-up, password reset, code entry and two-factor.
Fits your $30 budget
Added to your cart.View your cart
- Includes the Standard license: personal, commercial and client work for one person.
- Instant download after payment, plus an email with links that stay active for 30 days.
- Refund within 14 days if you haven't downloaded it yet, if it doesn't work in the supported software listed here, or if it's faulty and we can't fix it.
- Contents
- 18 screens
- File formats
- .fig, .sketch, .png
- Supported software
- Figma, Sketch
- Download size
- 19 MB
- Good for
- Dark-themed apps
- Developer and crypto products
About this product
Every screen here is designed on a dark background, nine for mobile at 390×844 and nine for desktop at 1440×1024. They cover sign-in, sign-up, forgot password, reset password, email verification, six-digit code entry, two-factor authentication, a magic-link confirmation and a success state. Text and border colors are set to meet WCAG AA contrast on the dark surfaces, and focus rings stay visible on every field.
Dark-first products such as developer tools, crypto apps and media services are the natural fit. Designers get a full authentication flow with states already drawn, developers get named color styles to map to code, and the Light Mode Authentication Kit uses the same layouts.
What's inside
- 18 dark-theme screens: 9 mobile (390×844) and 9 desktop (1440×1024)
- Sign-in, sign-up, reset, verification, 2FA and magic-link screens
- Text and border colors set for WCAG AA contrast on dark surfaces
- 45 components with default, focus, error and disabled states
- Same layouts and frame names as the Light Mode Authentication Kit
License
Standard license
Included with every purchase
For one person. Use the assets in unlimited personal and commercial projects, including work you deliver to clients.
Allowed
- Design a client's website with a UI kit and hand over the finished site
- Use the same asset in as many of your projects as you like
- Build your startup's pitch deck from a presentation template
- Use an icon set throughout your company's web app
Not allowed
- Reselling, sharing, sublicensing or giving away the files, as they are or modified, for example on stock sites or marketplaces
- Uploading the files anywhere others can download or extract them, such as a public repository
- Letting several people work from one Standard license (a Team license covers that)
- Selling print-on-demand merchandise or templates built on the assets without an Extended license