Lidar Clarity

The canvas is a luminous, high-key off-white (#FAFBFB) that allows complex volumetric data visualizations to breathe without visual fatigue. Deep petrol navy (#092429) serves as the primary text and CTA anchor, while an electric seafoam teal (#147F78) highlights the critical brand thesis ('physical AI.') and key metric states. Type is set in a razor-sharp modern geometric grotesque, using massive tight display scales (around 68px with -0.03em tracking) contrasted against light-regular explanatory copy at 16px. Spatial rhythm relies on an expansive 1280px grid where left-hand typographic density is balanced by a floating, translucent glassmorphic card (radius 18px) set inside an expansive 3D point-cloud field. The reader immediately locks onto the chromatic contrast between the dark petrol title and the teal statement text, before their eye is drawn into the floating real-time telemetry card.

1 design references

Prompt metadata
Shared by	@Devault
Model	GPT Image 2.5
Category	Hero sections & backgrounds
Dataset	stretchcloud · awesome-gpt-image-prompt-2.5

The prompt

Design a light-mode website section: point-cloud precision suspended in airy warm-white mist, anchoring autonomous risk metrics to tangible physical reality.

LAYOUT
The header spans edge-to-edge within a comfortable 1280px frame with centered menu navigation. The hero region divides cleanly into a 5-column left text block and a 7-column right generative visual container. The left block stacks badge, display headline, body paragraph, and dual button row with 24px vertical rhythm, while the bottom of the section resolves into an inverted pill curve docking the next section.

PALETTE (use these exact hex values)
- #FAFBFB — Canvas White: Primary background canvas creating an open, atmospheric high-key environment.
- #FFFFFF — Card Glass Surface: Floating telemetry dashboard surface with subtle border and diffuse shadow.
- #092429 — Deep Petrol Navy: Primary brand color for high-contrast headlines, primary button fills, and brandmark glyph.
- #147F78 — Autonomous Teal: Highlight color for the signature display text, active status nodes, and primary brand accents.
- #E05A36 — Telemetry Coral: Focal sensor point dots and badge icon accent indicating risk points and dynamic events.
- #10B981 — Optimal Green: Progress bar fill, live status indicator dot, and positive trend delta indicators.
- #4D5D60 — Slate Body: Subtitles, secondary body copy, navigation labels, and metric dimension units.
- #DCE3E3 — Subtle Outline: Border stroke on secondary buttons, badge outlines, and divider lines.

TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, General Sans, DM Sans), weights 400/500/600/700. Sizes 12px caption, 13px body-sm, 16px body, 18px body-lg, 24px heading, 68px display. Tracking -0.03em at display, -0.01em at body. The typography speaks with authoritative, technical clarity reminiscent of aerospace and deep-tech robotics documentation. The geometric sans-serif (Plus Jakarta Sans match) features round counters and tight tracking, yielding an assertive, crisp aesthetic. When replacing, prioritize neo-grotesques with strong tabular figure support and tight display metrics like Inter or General Sans.

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

DEPTH
Depth is created through optical suspension rather than physical stacking. The background is a flat luminous field over which algorithmic point-clouds swirl, while the telemetry card uses an ethereal, diffused shadow (0 20px 40px -12px rgba(9, 36, 41, 0.1)) and semi-translucent backdrop blurring to appear as a physical HUD overlay.

IMAGERY
Abstract volumetric point-cloud and LiDAR simulations rendered with thousands of micro-dots in petrol, sea-green, and occasional hot coral nodes. The visual must depict geometric spatial reality—such as autonomous vehicles scanning roads or physical objects—filtered through statistical telemetry. Photographic, flat vector, or cartoon illustrations are strictly prohibited.

SIGNATURE DETAIL — the thing that makes this design itself
The dual-tone display headline ('The insurance risk layer for / physical AI.') paired with a floating HUD telemetry card submerged in a generative LiDAR particle field. To execute properly, anchor the card at the center-left intersection of the particle swirl, ensuring the particles trail gracefully behind and around the card borders.

MUST
- Use solid deep petrol navy (#092429) for primary text instead of pure #000000.
- Split display titles into deep petrol for standard text and bright teal (#147F78) for the pivotal noun.
- Keep button corner radius restrained to 8px while using 999px pill radius exclusively for metadata tags.
- Overlay the floating telemetry card directly into the dispersion graphic to merge interface with sensory data.

AVOID
- Do not use dark mode backgrounds; the identity depends entirely on sterile, luminous white daylight.
- Avoid solid drop shadows; use low-opacity petrol tinted blurs (e.g., rgba(9,36,41,0.06)).
- Do not color entire sentences in teal; restrict accent teal strictly to the defining keyword phrase.
- Never substitute the point-cloud imagery with standard photography of vehicles or warehouse hardware.

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

Hero sections & backgroundsDesign reference

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.

Hero sections & backgroundsDesign reference

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).

Hero sections & backgroundsDesign reference

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.

Hero sections & backgroundsDesign reference

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.