Design a dark-mode abstract background artwork: deep cosmic teal balanced by stippled rust-red planetary curvature and expressive warm editorial italic typography.
LAYOUT
Asymmetric two-column split layout across a 1280px container. The left 55% column holds the content hierarchy: announcement badge, editorial display headline, body description, dual-action button group, micro-trust guarantees, and customer logos. The right 45% is dedicated entirely to the expansive planetary stipple artwork extending bleed to the right edge.
PALETTE (use these exact hex values)
- #071b24 — Cosmic Void Base: Deepest background base color behind text and UI controls
- #103c4c — Abyssal Cyan Glow: Mid-tone atmospheric nebula wash behind typography
- #e26955 — Terracotta Accent: Primary CTA fill, italic headline accent, and announcement badge highlight
- #ec7a67 — Terracotta Hover: Hover state for primary action buttons
- #76e4e3 — Atmospheric Rim Light: Edge glow of celestial sphere and ambient light highlight
- #f1f7fa — Canvas Text Primary: High-contrast headings, primary button labels, and brand mark
- #8ba8b4 — Canvas Text Muted: Subtitles, navigation links, trust bar labels, and secondary copy
- #1f4350 — Subtle Surface Border: Outlines on secondary buttons and release announcement pill
TYPOGRAPHY
Typeface Inter Display (or Plus Jakarta Sans, Geist, SF Pro Display), weights 400/500/600. Sizes 12px caption, 13px body-sm, 14px body, 16px body-lg, 18px heading, 56px display. Tracking -0.03em display, -0.01em body. Disciplined technical modernism meets warm editorial craft. The clean sans-serif ensures precision and legibility for software workflows, while the italic serif interjection adds human judgment and thoughtful depth, perfectly echoing 'insight, not guesswork.'
GEOMETRY & SPACING
Corner radii — cards 12px, links 4px, inputs 8px, buttons 8px. Spacing on a 8px unit, 16px gaps, 80px between sections, 1280px container, comfortable density.
DEPTH
Elevation is achieved through light and atmospheric layering rather than drop shadows. Text and active components sit directly on the deep cyan canvas, while the celestial stippled sphere establishes deep background perspective behind the foreground interface.
IMAGERY
Astronomical and planetary elements rendered with a tactile, screen-printed halftone stipple pattern. The planetary body combines deep terracotta craters with a thin, luminous cyan atmosphere glow, accompanied by orbiting micro-debris particles. Generic stock photography or slick vector graphics are strictly off-brand.
SIGNATURE DETAIL — the thing that makes this design itself
The juxtaposition of a dithered, stippled rust planet with a headline that abruptly pivots from sans-serif precision into an expressive terracotta serif italic for a single emotional word. Replicate it by keeping the background dark teal (#071b24), rendering large planetary art with halftone dot grain, and contrasting sans headline copy with an italic serif focal keyword in #e26955.
MUST
- Reserve the warm terracotta #e26955 exclusively for conversion points and the single italic headline word.
- Maintain strict left-alignment on all hero textual content across the 55% left column.
- Use Newsreader or an equivalent editorial serif italic for exactly one focal word in primary display headings.
- Overlay the planetary artwork strictly on the right half, fading stipple dots out before text bounding boxes.
AVOID
- Do not use photorealistic 3D planet textures; always apply halftone or pointillist raster dithering.
- Do not make the entire headline serif; the editorial italic must feel like an intentional contrast mark.
- Do not center-align the hero text content, badge, or button group.
- Do not use high-elevation drop shadows or heavy blur containers that obscure the background void.
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. Try in DraPub