EUI Sign Form
Last Updated on July 7, 2026 by Editorial Team
Designed by Jim Endicott, this freebie contains a .PSD file with 10 nicely crafted dark-colored sign in/sign up forms.
Every screen in the EUI Sign Form kit is built on the same idea: a full-bleed photographic background, heavily darkened, with a short line of white or off-white type sitting over it and a pill-shaped button anchoring the bottom half of the frame.
That consistency is what makes it read as a real onboarding flow rather than a set of unrelated screens. You can trace a user’s path from a “Hi there” welcome screen, through “Gather the inspirations” feature intros, into “Get ready now” prompts, and finally to account creation and login screens.
The imagery itself leans moody and cinematic. Mountains, fog, silhouettes, and low-light landscapes give each screen an atmosphere closer to a travel or lifestyle app than a corporate one, even though the form fields and buttons are simple enough to work for almost any product.
Typography is kept minimal on purpose. Headlines are set in a clean sans serif, sized large enough to carry emotional weight, while supporting copy stays small and quiet underneath, so the photography never fights with the text for attention.
This kind of dark sign in and sign up UI kit is a natural fit for mobile app onboarding, splash screens, and login flows where you want the first impression to feel premium rather than purely functional.
It suits travel apps, photography or media platforms, fitness and adventure brands, music apps, or anything with a moodier, editorial tone. It’s less suited to dense business tools or dashboards where a lighter, more utilitarian UI would feel more appropriate.
Because the layouts already separate welcome screens, feature highlights, sign up forms, and login forms, the kit also works well as a reference for structuring a full onboarding sequence, even if you end up designing your own visuals from scratch.
Adapting the Dark Photo Backgrounds
The backgrounds do most of the emotional work here, so swapping them out is the first thing to consider when adapting this kit to your own brand.
Look for images with a similar tonal range: darker midtones, some negative space near the top or center where your headline sits, and enough contrast at the bottom of the frame for buttons and input fields to stay legible.
A subtle gradient overlay, black fading to transparent, is usually enough to recreate the same legibility you see across these screens if your source photo runs a bit brighter than the originals.
From there, the form elements are easy to restyle. The input fields and buttons use flat, semi-transparent fills with rounded corners, so recoloring them or adjusting opacity to match your brand palette won’t disrupt the overall composition.
If you want to introduce brand color, the easiest entry point is the primary call-to-action button. Everything else in the kit stays neutral enough that a single accent color on “Get Started,” “Sign Up,” or “Login” buttons will carry your identity without needing to touch the rest of the layout.
Pair these screens with a matching icon set for social login buttons, or with a lightweight illustration style for empty states and error messages, and you’ll have a fuller onboarding system built around the same dark, photographic mood this kit establishes.
