Midnight Sovereign

The interface establishes an authoritative, nocturnal command center for private wealth management, anchored in an abyssal blue-black canvas (#070C14) with layered container modules (#0D1724). Visual hierarchy relies on luminous typography (#FFFFFF for primary figures, #64748B for secondary captions) and selective emerald-cyan luminescent accents (#14B8A6) rather than ornamental decoration. High-density financial metrics are disciplined by a consistent 16px grid gap and uniform 14px corner radii across all analytical modules. The viewer immediately fixates on the commanding $2,842,550 net worth KPI and its paired glowing sparkline, anchoring the visual entry point before cascading down into segmented asset allocation donuts and multi-column tabular holdings. Precision line-charts and subtle 1px borders (#162436) maintain rigorous institutional clarity throughout.

1 design references

Prompt metadata
Shared by	@Devault
Model	GPT Image 2.5
Category	Web design
Dataset	stretchcloud · awesome-gpt-image-prompt-2.5

The prompt

Design a dark-mode web interface screen: quiet luxury private banking for ultra-high-net-worth portfolios engineered through luminous cyan telemetry on abyssal slate surfaces.

LAYOUT
The workspace employs a rigid two-zone layout: a 240px left-hand vertical control rail anchored against a dense, scrollable analytical dashboard. The main canvas stacks horizontally in clear thematic strata: top greeting and KPI summary row, mid-tier allocation donut and performance chart, full-width holdings tabular ledger, followed by a three-column news, AI, and calendar footer.

PALETTE (use these exact hex values)
- #070C14 — Abyssal Canvas: Deepest background layer across entire dashboard viewport and sidebar foundation.
- #0D1724 — Slate Module: Primary surface for cards, analytical containers, and data table backdrops.
- #162436 — Subtle Meridian Border: 1px containment line framing cards, table rows, and structural dividers.
- #14B8A6 — Active Mint: Primary active indicators, navigation selection states, and positive performance trendlines.
- #06B6D4 — Electric Cyan: Secondary chart accents, upgrade badge highlights, and positive return labels.
- #6366F1 — Royal Iris: Fixed income segment within asset allocation charts and neural insights glow.
- #F59E0B — Warm Amber: Alternative asset allocation slice, deposit indicators, and notification pips.
- #F43F5E — Risk Rose: Negative delta indicators, loss percentages, and sell transaction markers.
- #FFFFFF — Pure Crisp: High-emphasis asset valuations, currency headings, and active state labels.
- #64748B — Muted Slate: Table column headers, secondary timestamps, tickers, and inactive nav items.

TYPOGRAPHY
Typeface Inter (or Plus Jakarta Sans, SF Pro Display), weights 400/500/600/700. Sizes 11px caption, 12px body-sm, 13px body, 14px body-lg, 16px subheading, 20px heading, 24px heading-lg, 30px display. Tracking -0.02em at display, 0.01em at captions. The typography speaks with the quiet confidence of elite private banking: razor-sharp, objective, and mathematically disciplined. Set in a contemporary neutral sans-serif like Inter, it relies on tight negative tracking at display scales and generous proportional spacing on tabular figures to guarantee effortless legibility under high cognitive load.

GEOMETRY & SPACING
Corner radii — cards 14px, links 4px, inputs 8px, buttons 8px. Spacing on a 4px unit, 16px gaps, 24px between sections, 1440px container, comfortable density.

DEPTH
Depth is created purely through luminous layering rather than physical skeuomorphic shadows. Surfaces advance toward the user through darkening backdrops and delicate 1px border highlights (#162436), while localized neon glow accents (such as chart curves and the AI orb) cast soft radial atmospheric illumination.

IMAGERY
Visual imagery is restricted to miniature security brand badges, small editorial thumbnails for financial news, and an ethereal iridescent gradient sphere representing the algorithmic core. Photography is strictly documentary-financial, heavily desaturated and moody to blend into the dark architecture.

SIGNATURE DETAIL — the thing that makes this design itself
The dual-contrast telemetry system: razor-thin 1px border cages (#162436) wrapping glowing bioluminescent mint-cyan sparklines that sit peacefully inside an abyssal slate container (#0D1724). Misusing it involves making the charts thick, opaque, or brightly flooded instead of delicate glowing line paths.

MUST
- Use solid 1px borders (#162436) to define card boundaries rather than heavy drop shadows.
- Pair emerald-cyan (#14B8A6) strictly with positive performance and active system states.
- Maintain monospace-like visual precision across all numeric currency displays.
- Keep card backgrounds uniform at #0D1724 to ensure cohesion across diverse data views.

AVOID
- Do not introduce light gray or white container surfaces anywhere on the canvas.
- Never use saturated warm primary buttons; retain the dark institutional palette with mint accents.
- Avoid thick borders (>1px) which destroy the delicate precision of the telemetry aesthetic.
- Do not omit ticker symbols beneath security names in dense financial tables.

OUTPUT
Render as a clean, pixel-crisp UI design at roughly 2080:3840. Flat vector rendering, real legible text, no browser chrome, no device mockup frame, no watermark, no lorem ipsum placeholder blocks.

Try in DraPub

More prompts from the same visual neighborhood.

Back to prompt gallery

Web designDesign reference

Abyssal Ledger

The canvas is submerged in a rich midnight petrol slate (#0b121b), eschewing pure black in favor of deep oceanic navy undertones. Surfaces sit on elevated dark containers (#111c26) demarcated by razor-thin slate borders (#1c2a38) rather than heavy drop shadows. High-luminance electric cyan (#1de9b6) acts as the primary brand beacon and indicator of positive momentum, harmonized with electric violet (#a855f7) and amber gold (#f59e0b) for categorical multi-series data. Numerical metrics dominate the visual hierarchy through high-contrast bold white numerals (24px to 28px) paired with quiet slate captions (#64748b). Cards feature generous 16px corner radii and 20px internal padding, balancing information density with breathing room. A viewer immediately registers the four top-tier summary cards with seamless, borderless bottom sparklines before moving into the split data-visualization grid.

Web designDesign reference

Acoustic Minimal

This layout pairs a permanent dark charcoal sidebar (#121316) with an airy, pale grey-beige canvas (#F5F5F7) housing rounded structural cards (#FFFFFF). The aesthetic borrows heavily from high-end Danish and Japanese acoustic industrial design, contrasting stark architectural typography against tactile metallic renders in bronze and milled aluminium. Vibrant electric blue (#1E6BFF) serves strictly as a high-contrast functional accent for interactive triggers like primary CTA pills and cart badges, while amber (#E5A93C) indicates availability statuses. Typography is set in a neutral neo-grotesque with sharp tracking shifts between wide uppercase micro-labels and compressed display headlines (e.g., 'NB—32' at ~52px). Generous 24px internal card padding and large 20px card corner radii create soft modular islands. The primary visual tension arises from the interplay between monolithic pitch-black elements and luminous warm whites.

Web designDesign reference

Aegis Clinical

The interface operates on an ultra-clean white (#ffffff) and pale ice-blue surface hierarchy, using high-contrast slate (#0f172a) typography to project institutional authority and medical safety. Brand royal blue (#1668e3) functions strictly as a primary interaction and focal anchor, highlighting critical conversion paths and anchoring the dual-tone display headline. Secondary service departments are differentiated through soft pastel icon discs (spanning 48px to 56px in diameter) in tinted crimson, mint, lavender, and sky blue. Structural cards employ soft 16px corner rounding paired with faint, diffused ambient shadows (0 10px 30px rgba(15,23,42,0.04)). The prominent architectural hero imagery dissolves into the white canvas via a gentle gradient mask, visually uniting the physical facility with the digital portal.

Web designDesign reference

Aegis Cyber Luxe

The interface marries an ultra-dense, dark command rail (#070e1c) with a radiant, airy light canvas (#f8fafd) that houses executive-level threat intelligence. Hierarchy relies on high-contrast text sizing and surgical neon accents: vivid royal blue (#165dfc) for primary actions and safe-state telemetry, juxtaposed against alert crimson (#f04438) for imminent malware breaches. Typography is rendered in an ultra-clean geometric sans with tight headline tracking (-0.02em) and muted slate body copy (#64748b). Surface containers exhibit subtle 1px borders (#e8edf5) with a uniform 16px corner radius, floating gently above pale atmospheric radial gradients. The eye is immediately captured by the hero 3D composition, featuring a hyper-detailed dark monitor flanked by translucent glassmorphic telemetry cards and glowing threat icons.