Aero Mobility

The canvas is built on a pristine off-white background (#FAFAFC) with pure white (#FFFFFF) elevated telemetry cards and diffuse, low-opacity drop shadows. Royal blue (#1D68F2) serves as the primary operational hue, driving calls-to-action, system status indicators, and active navigation states, while secondary data points use functional emerald (#10B981) and amber (#F59E0B) for battery health and feature categorization. Typography uses a clean, modern neo-grotesque sans-serif with tight negative tracking on display headlines ('Smart Car Concept' at roughly 48px) and high-legibility tabular figures for vehicle metrics. Spatial rhythm relies on generous 24px grid gaps and 16px to 20px corner radii across cards, creating an approachable yet precision-engineered aerospace feel. A user immediately notices the photorealistic white EV silhouette anchored against a warm sunlit background aura, seamlessly bridging hardware presentation with live telematics.

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 light-mode web interface screen: clinical electric vehicle dashboard aesthetic with soft ambient light, rounded instrumentation cards, and high-contrast royal blue accents.

LAYOUT
The viewport is organized as an asymmetrical split hero transitioning into a rigorous 4-column telemetry grid. The top third features narrative branding and CTAs on the left, counterbalanced by the expansive vehicular rendering on the right. Directly below, four equal-width diagnostic cards monitor battery, efficiency, system health, and service schedules, anchored at the base by a horizontally stacked feature bar.

PALETTE (use these exact hex values)
- #FAFAFC — Canvas Background: dominant page canvas providing faint contrast against floating pure white dashboard cards
- #FFFFFF — Card Surface: elevated containers for vehicle telemetry cards, navigation shell, and micro-metric overlays
- #1D68F2 — Electric Cobalt: primary interactive elements including the main CTA buttons, active tabs, and sparkline strokes
- #0F172A — Deep Slate: primary display typography, heavy vehicle metrics, and high-emphasis labels
- #64748B — Muted Steel: body copy, inactive navigation links, parameter sub-labels, and metric measurement units
- #10B981 — Eco Emerald: positive status indicators, circular battery progress gauge, and sustainability category pill
- #F59E0B — Solar Amber: brand logo mark badge background and customer-centric feature highlighting
- #FFF5E6 — Ambient Halo: soft radial gradient behind the hero vehicle rendering to add depth without clutter

TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, Montserrat, SF Pro Display), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 14px body, 16px body-lg, 20px subheading, 24px heading, 32px heading-lg, 48px display. Tracking -0.03em at display, 0em at body. The typographic tone is authoritative, clean, and engineered, relying heavily on Plus Jakarta Sans or Inter. Tight display tracking (-0.03em) on headlines communicates sleek aerodynamic efficiency, while neutral body weights prioritize instant legibility. The font scales smoothly into tabular numerical readouts, critical for automotive HUD and telematics fidelity.

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

DEPTH
Depth is handled using subtle multi-layered ambient shadows rather than stark linear borders. Base telemetry cards float on `0 8px 24px -4px rgba(15, 23, 42, 0.04)`, allowing the white card surface to separate gently from the off-white canvas. Overlaid hero tiles utilize slightly deeper elevation `0 12px 32px -4px rgba(15, 23, 42, 0.08)` to emphasize spatial hierarchy over the 3D car rendering.

IMAGERY
The visual hero is an ultra-clean, studio-lit side-profile 3D render of a white smart electric SUV connected to a standalone charging post. Backgrounds must remain clinical and uncluttered, accented only by a faint warm circular aura and minimal vector tech nodes. Any gritty photography, complex outdoor environments, or low-poly illustrations would instantly break the luxury precision tone.

SIGNATURE DETAIL — the thing that makes this design itself
The distinctive spatial lockup of a floating white EV render anchored over an ambient radial glow, ringed by micro-telemetry cards (floating efficiency sparkline, 3D shield, battery badge) that bridge marketing presentation with genuine vehicle control UI. Recreate this by positioning crisp floating 16px white tiles directly across the bounding box of a 3D asset, avoiding dense shadows or high-opacity borders.

MUST
- Keep card backgrounds pure #FFFFFF against the subtle light grey #FAFAFC canvas.
- Use Electric Cobalt #1D68F2 strictly for primary functional actions and active telemetry states.
- Pair large bold metrics (e.g., 32px) directly with small grey supporting units (13px) for clean data density.
- Ensure all telemetry cards share uniform 16px corner radii and identical 20px internal padding.

AVOID
- Do not use dark or heavy drop shadows; keep elevation soft and diffuse under 5% opacity.
- Do not introduce high-saturation background fills across entire card containers.
- Avoid sharp 0px or pill 999px radii on functional dashboard metric cards.
- Never use serif or decorative display typefaces anywhere in this technical system.

OUTPUT
Render as a clean, pixel-crisp UI design at roughly 3456:2384. 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.