Aether Planetary

The interface is set against an atmospheric dark aubergine-to-space canvas (#120b1c) merging into a glowing Martian planetary landscape bathed in a low horizon starburst. Colour functions strictly as cinematic illumination: crisp terra cotta (#eb6347) drives primary calls to action and displays headline gradients, while pale lilac-tinted white (#f5f1fa) preserves readability. Typography pairs a modern geometric sans for grand display statements (around 68px with tight line height) alongside monospaced uppercase telemetry markers (11px with +0.15em tracking) that simulate scientific instrumentation. Spacing adheres to a spacious 8px baseline rhythm with 48px to 80px container offsets, giving the illustration room to dominate the right half. The user immediately notices the enormous glowing celestial sphere overlaid with stardust point clouds, fine hairline vector callouts, and data confidence diagnostics. Component geometry favours tight, subtly rounded 6px to 8px contours that balance technical precision against cosmic vastness.

1 张设计参考图

提示词信息
分享者	@Devault
模型	GPT Image 2.5
分类	首屏与背景
数据集	stretchcloud · awesome-gpt-image-prompt-2.5

完整提示词

Design a dark-mode abstract background artwork: deep-space cinematic atmosphere anchored by terra cotta warmth and hyper-delicate scientific telemetry overlays.

LAYOUT
The page implements an asymmetric split hero layout framed within a 1360px grid. The header is pinned across the top edge with balanced brand-to-navigation weighting. The left 45% of the viewport is structured hierarchically: category pill tag, giant 3-line headline, narrative paragraph, dual CTA row, and a 3-column micro-feature grid along the lower boundary. The remaining 55% of the canvas is ceded entirely to the planetary horizon illustration and its floating HUD telemetry layer.

PALETTE (use these exact hex values)
- #120b1c — Cosmic Void: deep background canvas at the upper viewport and left side
- #2a1527 — Martian Dust: intermediate gradient transition zone in celestial sky
- #eb6347 — Terra Cotta: primary cta background, headline tint, and prominent active data points
- #ffa873 — Solar Flare: limb lighting on the planetary horizon and radiant particle bursts
- #5e4b6b — Telemetry Wire: hairline hud grids, bracket indicators, and button outlines
- #f5f1fa — Starlight Primary: primary display typography, active navigation links, and bright readouts
- #9c8fa8 — Nebula Muted: secondary body descriptions, inactive navigation, and measurement legends

TYPOGRAPHY
Typeface Inter Display (or General Sans, SF Pro Display, Neue Haas Grotesk), weights 400/500/600. Sizes 11px caption, 13px body-sm, 15px body, 18px subheading, 68px display. Tracking -0.03em at display, 0 at body. The typographical voice is authoritative, visionary, and strictly academic yet commercial. The primary sans typeface delivers crisp contemporary clarity without tech-bro eccentricity, while the monospaced auxiliary face injects the cold precision of laboratory telemetry and deep-space telemetry. Substitution should rely on pairing Inter Display or General Sans with JetBrains Mono or Space Mono to maintain the balance between editorial stature and scientific rigour.

GEOMETRY & SPACING
Corner radii — cards 8px, links 2px, inputs 6px, buttons 6px. Spacing on a 8px unit, 24px gaps, 96px between sections, 1360px container, comfortable density.

DEPTH
Depth is created entirely through photographic perspective, celestial atmospheric scattering, and luminous horizon glow rather than drop shadows. Surface layers float on Z-indices using optical transparency (rgba overlays) and ultra-fine vector hair lines. The planetary orb visually sits mid-ground, while telemetry HUD brackets float sharply in the immediate foreground.

IMAGERY
The visual language combines hyper-realistic astronomical landscape rendering—specifically a rust-red cratered moon cresting over sharp Martian mountain peaks illuminated by an intense off-frame star—with abstract mathematical vector overlays. Vector graphics consist of dot-density meshes, particle drifts, coordinate lines, and scientific sensor brackets. Stock photography of astronauts, generic 3D globes, or cartoonish sci-fi spacecraft are strictly off-brand.

SIGNATURE DETAIL — the thing that makes this design itself
The defining hallmark is the integration of fine vector HUD telemetry—coordinate brackets, dot-screen meshes, and signal waveforms—overlaid directly onto a photorealistic Martian sunrise. To use it correctly, callout leader lines must directly reference features of the planetary body with pinpoint accuracy. Misuse occurs when telemetry lines are added haphazardly over empty space without structural meaning or logical hierarchy.

MUST
- Anchor the celestial artwork to the right half while reserving the left column for high-contrast typography.
- Use 10px to 11px monospaced uppercase tracking (+0.15em) exclusively for scientific HUD readouts.
- Limit solid terra cotta (#eb6347) fills to primary conversion points and critical data spikes.
- Render technical HUD lines with ultra-fine 1px or 0.5px stroke weights in desaturated purple (#5e4b6b).

AVOID
- Do not use saturated blue, neon cyan, or generic cyber green; the palette is strictly planetary terra cotta and aubergine.
- Do not round buttons or cards with full pill (999px) shapes; keep radii strictly between 6px and 8px.
- Do not apply heavy drop shadows or skeumorphic bevels to UI components.
- Do not clutter the left text reading column with decorative particle effects or HUD brackets.

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

在 DraPub 中尝试

看看同一视觉方向里的其他提示词。

返回提示词画廊

首屏与背景设计参考

Accretion Core

Set against a vast cinematic deep-space panorama, this interface positions left-aligned typographic clarity against a radiant golden accretion vortex on the right. The canvas transitions from pitch void (#060f1e) through layered turquoise dust clouds (#1a7895) to an incandescent stellar core (#ffe89e). Text hierarchy relies on stark contrast: headers command attention with 56px white weights, punctuated by a kinetic peach-to-magenta linear-gradient on 'what matters.'. CTAs mirror this astral heat signature using pill-shaped (radius 999px) sunset gradients, while secondary actions use subtle frosted borders (rgba(255, 255, 255, 0.25)). Supporting metrics anchor the lower quadrant with compact 22px stat lockups paired with hairline line-art iconography. The entire composition balances the unrestrained organic luminance of interstellar nebulae with clean, grid-locked functional product chrome.

首屏与背景设计参考

Adaptive Athlete Bento

The canvas is anchored on an immaculate white base (#ffffff) paired with an ultra-light grey surface layer (#f7f8fa) that carves out crisp modular compartments. Color functions strictly as semantic guidance: a distinctive digital iris (#5e52d6) powers primary actions and key brand phrases, while soft pastel badge fills segregate distinct user personas without visual competition. Primary messaging commands attention through a 56px high-contrast sans-serif paired with an expressive, editorial italic serif contrast line that brings human emotion into software. Components conform to strict curvature hierarchies, featuring 16px radius bento tiles, 10px functional buttons, and 999px pills for floating metadata. Dense statistics sit directly beneath hero copy inside a dedicated low-elevation floating card. A reader first registers the high-contrast display hook before naturally sweeping across the 5-card multi-persona bento grid on the right, punctuated by the lone deep slate tile (#151c28).

首屏与背景设计参考

Aegis Command

The canvas executes a severe dual-world contrast: an ultra-clean clinical white (#FFFFFF) presentation plane hosts bold editorial typography, while a recessed, perspectival dark-mode (#090D16) mission console dominates the right viewport. Hierarchy relies strictly on stark luminosity contrast rather than decorative fills, using vibrant cobalt (#1D68F2) for direct actions and tactical red (#EF4444) strictly for threat telemetry. Display type reaches a confident 56px in bold weights, contrasted against 12px uppercase tracking labels and low-contrast 32px secondary leadings. The interface employs tight structural rounding, from 6px on primary button controls to 16px on the floating console bezel. Metrics and status indicators are grounded by a 3-column baseline card with 1px hairline dividers (#E2E8F0) and miniature system health pings. A spectator first notices the photorealistic earth-orbit visualization tilted inside the console before registering the stark three-word headline.

首屏与背景设计参考

Aerial Stealth Horizon

The canvas is anchored on an ultra-deep black (#03070b) accented by rounded containment cards filled with subtly lifted charcoal-tinted surfaces (#080d14). Accent energy flows strictly through a vivid turquoise-to-mint gradient (approx #17a9e2 to #63e69f) reserved for critical primary CTAs and punchy headline statements like 'Costs less.' Typography is set in a clinical, geometric grotesk like Inter or Geist, prioritizing stark white-to-slate contrast ratios and balanced letter tracking. Cards and pills use generous 16px to 20px radii paired with hairline borders (#16222f) that dissolve into shadows. A user immediately notices the large photographic viewport depicting an autonomous bio-drone against a digital point-cloud terrain before descending into structured, telemetry-style metric tiles.