Amber Horizon

The layout transitions from an evocative twilight photography background infused with glowing matrix code into an obsidian base (#0d1114). Typography balances a classical, high-contrast serif display with crisp, modern sans-serif navigation and monospaced code blocks. An authoritative CTA section features centered serif headlines (~56px) resting over warm copper (#d95338) actions, contrasting against an ethereal orange solar glow. Below, an oversized brand watermark (~180px) in a gentle peach-to-salmon gradient bleeds across the transition zone alongside a live API request snippet. The footer resolves into clean, highly structured columnar links framed by hairline borders (#1f252b), maintaining an institutional fintech gravitas.

1 design references

Prompt metadata
Shared by	@Devault
Model	GPT Image 2.5
Category	Pricing & calls to action
Dataset	stretchcloud · awesome-gpt-image-prompt-2.5

The prompt

Design a dark-mode website section: editorial serifs and technical precision emerging from a fiery desert dusk into pitch carbon.

LAYOUT
The page flows vertically from an atmospheric, centered CTA banner directly into an expansive transition band featuring the oversized brand name on the left and a live API snippet on the right. Below, a full-width multi-column footer organizes navigation across five distinct vertical tracks alongside an email capture form. The page closes with a minimalist horizontal utility bar separated by a hairline border.

PALETTE (use these exact hex values)
- #0d1114 — Carbon Black: Solid primary background for the bottom footer section
- #d95338 — Ember Coral: Primary action button fill, key brand accents, and category eyebrow headers
- #f5c3a8 — Sunset Peach: Termination hue for large logo gradient and radiant sun glow highlights
- #f6ede4 — Parchment White: High-emphasis hero headings, primary text, and active interactive elements
- #939ba3 — Muted Slate: Secondary copy, supporting paragraphs, and passive link items
- #1f252b — Border Charcoal: Fine structural divider lines and input element outlines
- #13171b — Input Charcoal: Input container fill for newsletter signup
- #76c893 — Code Green: Syntax highlight token within API JSON preview blocks

TYPOGRAPHY
Typeface Instrument Serif (or Playfair Display, EB Garamond, Bodoni MT), weights 400. Sizes 11px caption, 12px body-sm, 14px body, 16px body-lg, 24px subheading, 48px heading, 56px heading-lg, 180px display. Tracking -0.02em at display, -0.01em at heading. The voice balances high-end financial gravitas with cutting-edge engineering rigor. The high-contrast editorial serif suggests established wealth management, heritage, and trust, while the sharp mono and modern sans-serif provide the speed and precision demanded by developer-focused tools. Instrument Serif or Playfair Display are ideal matches.

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

DEPTH
Depth is created entirely through atmospheric lighting, gradient blooms, and luminous contrast rather than layered card drops. The sunset photo acts as a volumetric back-light, while UI elements sit directly on the black plane with hairline borders providing structural separation.

IMAGERY
A vast, dramatic landscape photography treatment featuring mountain ridges bathed in a low, brilliant golden-hour sun. The sky subtly blends organic atmospheric fog with a digitized vertical matrix code texture, seamlessly bridging physical reality with algorithmic technology. No human photography or generic abstract 3D ribbons.

SIGNATURE DETAIL — the thing that makes this design itself
The monumental display serif wordmark bleeding directly out of a mountain horizon into the footer, juxtaposed against an active, raw JSON API payload on the opposing side. It defines the brand's hybrid identity of classical wealth and modern machine intelligence.

MUST
- Anchor high-impact display headlines with a classic editorial serif like Instrument Serif or Playfair.
- Use warm ember-coral (#d95338) sparingly to spotlight key calls-to-action and column headers.
- Pair rich photography seamlessly with absolute black by fading image bottoms into #0d1114.
- Maintain strict 1px hairline borders (#1f252b) for structural grid segmentation and form controls.

AVOID
- Do not use generic vivid corporate blues or neon purples; keep warm amber as the sole dominant hue.
- Never add heavy drop shadows or skeumorphic bevels to input containers or buttons.
- Do not shrink the watermark brand logo; its oversized scale (~180px) is vital to the transition.
- Avoid sans-serif typography for primary hero statements; the editorial serif carries the prestige.

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

Pricing & calls to actionDesign reference

Abyssal Biofoundry

The canvas is anchored on an ultra-dark navy-black surface (#02050b) layered with a luminous horizon glow dividing the primary call-to-action from the structural site directory. Typography relies on a neutral neo-grotesque sans-serif rendered in pure white (#f8fafc) for high-impact display titles (48px) and a soft slate-blue (#94a3b8) for secondary narrative and navigational text. Vibrant electric blue (#1d6bf3) functions as the concentrated action color, isolated to high-intent pill tags, primary action triggers, and glowing vector iconography. Compact cards and inline code snippets utilize a slightly elevated surface (#070d18) with disciplined 1px borders (#162238) and subtle 8px to 12px border radii. A reader immediately registers the luminous horizontal seam at the fold, drawing the eye directly to high-trust credentials before descending into developer-grade utility.

Pricing & calls to actionDesign reference

Abyssal Defense

Built on an impenetrable canvas of deep void navy (#090d14), this interface uses darkness not as absence of light, but as an operational deep-sea medium. Color is deployed with surgical discipline: primary calls-to-action ignite in a radiant periwinkle-to-indigo gradient (#4f46e5 to #6366f1) while operational indicators flash a restrained coral-orange (#fb7185) against slate neutrals. The primary visual weight is anchored by an expansive 24px-radius CTA panel housing an autonomous submarine render sliced by a conical cyan spotlight. Typography balances a towering condensed grotesque wordmark in the footer with clinical, hyper-legible neo-grotesque sans-serif in the CTA lockup. Structural dividers and social pill buttons use faint 1px hairline borders (#1e293b) to define boundaries without interrupting the nocturnal continuity. Inline spacing is generous, keeping legal and navigational tiers legible and calm.

Pricing & calls to actionDesign reference

Abyssal Defense Matrix

The canvas is set on an ultra-dark navy surface (#030712 to #050b14) evocative of the deep ocean, establishing a high-stakes maritime defense atmosphere. Color is utilized strictly for status and strategic hierarchy: electric blue (#2563EB to #38BDF8) demarcates autonomous superiority, while muted red (#DC2626) badges identify legacy vulnerabilities against neutral slate typography. Primary typography is a clean, neo-grotesque sans-serif with tracked uppercase badges and sharp header contrast (44px display down to 11px micro-labels). Shapes rely on subtle rounded cards (radius: 16px) with hairline semi-transparent borders (#1E293B) and glassmorphic translucent fills. A reader immediately notices the highlighted autonomous column encased in a vibrant glowing blue frame beside an illuminated stealth submarine.

Pricing & calls to actionDesign reference

Aerospace Dark Spec

This interface pairs deep abyssal navy canvas (#040911) with electric cybernetic cyan accents (#19E0B2) to deliver a high-assurance defense and aerospace identity. The layout organizes a prominent enterprise conversion banner directly above a dense, multi-column navigation footer. A glowing 3D particle landscape wave acts as an atmospheric horizon separator between the CTA area and footer columns. Visual weight relies on bold, clean geometric display typography (around 44px) paired with sharp tabular figures (32px) and translucent glassmorphism cards framed by subtle semi-transparent borders (rgba(255,255,255,0.08)). Subtle cyan micro-accents highlight key conversion triggers like the primary booking button, monospaced eyebrow trackers, and inline trust indicators.