Generate a new design based on this screen using your own content.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
# Design from Reference: Unkey Login
Create an original, high-fidelity visual design inspired by the reference. Prioritize composition, typography, colors, spacing, and component styling over technical implementation.
## Reference
- **Product:** Unkey
- **Category:** Login
- **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/697b75d03d6c3f5ffeb7406c_O-xeTGvQmGvVewHTQfid-UidKQ9Is62RJ4fpQTrVz_4.avif
Analyze the screenshot first. If inaccessible, request it rather than guessing.
## Content
{{content.instructions}}
{{content.data}}
Preserve essential messaging and factual accuracy. Adapt structure and copy length for visual balance; never invent product claims.
## Visual Design
Use this context to reproduce the reference's visual language: layout, typography, colors, spacing, borders, radii, and distinctive elements. The screenshot takes priority if descriptions conflict.
## Direction
{{preferences.fidelityInstructions}}
## Output
{{output.instructions}}
Deliver a polished, cohesive design with precise alignment, hierarchy, and spacing. Produce the requested visual artifact, not just a description. If unsupported, explain the limitation.
The first thing that hits you is the depth of that background. It's not flat black. There's a subtle gradient or noise texture up top that gives the page some atmosphere without being distracting. Unkey's sign-in page is dead simple and knows exactly what it wants you to do.
Focused and Clean
Two OAuth buttons for GitHub and Google sit stacked at the top of the form, both in dark charcoal with recognizable icons. Below that, a thin divider with "or continue using email" keeps things organized. The email input has a light placeholder and the "Sign In with Email" button is intentionally muted in gray, not screaming for attention. Everything is centered in a single narrow column. No sidebar, no illustration, no noise. Just the task.
Typography That Stays Out of the Way
The "Sign In" heading is bold and large but not oversized. The "New to Unkey?" prompt with the "Create new account" link sits right underneath, small and understated. Legal links at the bottom are properly dimmed. The top-right "Documentation" button with a subtle icon border is a smart touch for developer-facing products. This page respects your time.