Three-card dark blue UI mockup set

Three-card dark blue UI mockup set, dark-mode, minimal, dark

Preview image. Unlock full-res

Three vertically-stacked card mockups against a bright blue background, showing dark-mode UI compositions with glow accents and minimal white text.

Palette
#0018FF
#FFFFFF
#00091A
#C6D4EE
#062069

Summary

Three UI card mockups arranged vertically against a bright cobalt background, each with dark navy backgrounds, subtle glowing effects, and white minimalist text.

Visual description

Three presentation cards float against a solid bright-blue background. The leftmost card shows white sans-serif text with a small glow element and social icons at the base. The center card features the "VISA" wordmark in white against a soft blue gradient overlay with light geometric accents. The rightmost card shows bold white text saying "Hacks Roundup" with a prominent magenta glow effect and minimal supporting copy. All three cards have dark navy bodies, subtle spacing, and clean white typography. Floating alongside each card is a soft-focus interaction element (like, comment, share icons typical of social media or comment cards).

Key takeaway

The use of a single radial glow (magenta/pink on the right, blue on the center) to anchor attention without heavy graphical weight. The high contrast between dark card bodies and bright cobalt background creates visual separation. Pairing bold wordmarks with minimal supporting text maintains hierarchy without clutter.

Reuse notes

Ideal for fintech, SaaS, or developer-tool landing pages and promotional graphics. The bright-blue background works well against dark card content for platform-showcase designs. Scale this approach for product comparison cards or feature highlight decks.

More like this