Use case: ui-mockup.
Create ONE polished horizontal desktop WEBSITE HERO SECTION image, 16:9, highest available quality. It must look like a finished contemporary website screenshot, straight-on edge-to-edge with no browser chrome, device frame, outer margin, presentation board or additional sections.
INPUT IMAGE 1 is the actual background asset to demonstrate in use: Midnight Color Fields, variant 01 hero-left. Preserve its recognizable midnight navy/black field, cyan textured pigment in the upper right and vermilion red pigment in the lower right. Use it as a full-bleed background with gentle cover framing, preserving its texture and color placement. Do not replace the backdrop with new artwork. No sculptural objects or glowing geometry.
Design a premium modern homepage hero for a fictional creative AI workspace named Fieldwork. The site is an example of how this asset can be used, not an asset marketplace.
Art direction: confident contemporary Swiss editorial typography over atmospheric full-bleed artwork. Deep dark canvas, warm white typography, subdued gray supporting copy. Sharp near-rectangular buttons with very small corner radii. Precise aligned margins of approximately 6% width. Very generous breathing room. One hero only.
Top navigation: a small abstract four-square flat white mark and wordmark "Fieldwork" on the left. In the center-right small refined navigation "Product" "Explore" "Pricing". On far right text "Log in" and compact outlined button "Start creating" with a small northeast arrow. One faint hairline below the navigation, restrained.
Main composition: image-as-canvas with large left-aligned typography starting roughly 30% down the canvas, extending into the central dark field while the vivid rightmost 35% remains exposed. A tiny all-caps eyebrow "A WORKSPACE FOR CREATIVE MINDS". Hero headline in a beautiful tightly tracked grotesk, huge but perfectly legible, strong two-line composition:
"Make room"
"for the remarkable."
Use warm white flat typography, no gradient lettering. The headline is the clear first read, approximately 100px at a 1600px frame, disciplined line height. Avoid placing letters over the brightest colors.
Below it, readable two-line supporting text exactly:
"Bring your ideas into focus. Create images, explore directions,"
"and shape your next project with AI."
Below the copy a warm-white solid button with dark text "Start creating" and small arrow, alongside a quieter text link "See what's possible" with an understated play icon.
Bottom edge: very understated small left text "Ideas first. Possibilities everywhere." and at bottom right a small downward arrow and "Explore Fieldwork". This is part of the hero, not a footer section.
Require crisp readable exact text, coherent scale, disciplined spacing, web-realistic navigation and controls. No fake testimonials, customer logos, statistics, dashboard cards, random badges, pill overload, thin microscopic text or additional artwork. Let the supplied background and exceptional typography do the work. The result should be a believable premium website hero ready to share as an example of this background collection.