Infographic / Educational Visual - Codex Jigsaw Tech Banner

Back to inspiration

1 / 1

Infographic / Educational Visual - Codex Jigsaw Tech Banner

Source: 向阳乔木

Infographicopenai/gpt-image-2#Infographic#UI Design#Chinese Style#Horizontal 16:9#diagram

A wide editorial banner depicting Codex as the missing puzzle piece.

8.5wpeople using it

4:5Recommended size

2.5wSaves

Prompt template

Goal: Create a wide editorial hero banner about {argument name="headline topic" default="Codex的下一块拼图"}, showing a jigsaw-puzzle metaphor for AI coding, visual design, and missing capabilities.

Canvas: Ultra-wide horizontal banner, approximately 5:2 aspect ratio, dark charcoal technical background with faint grid lines, subtle blueprint marks, tiny dots, and thin circuit-like guide lines. Center the artwork with a large off-white paper/cardboard jigsaw puzzle assembly casting soft shadows.

Layout: Use exactly 15 visible puzzle elements: 13 off-white connected puzzle pieces forming a rectangular mosaic, 1 vivid cobalt-blue puzzle piece inserted at the bottom-right edge, and 1 dashed-outline empty missing-piece slot immediately to the right of the blue piece. The puzzle should look physical, with rounded tabs and sockets, slight bevels, paper texture, seams, grime, and realistic shadowing.

Text content: The main typography dominates the puzzle surface. Use huge bold black sans-serif Chinese type reading {argument name="main title text" default="Codex的"} across the top row and {argument name="subtitle text" default="下一块拼图"} across the middle row. Make the letters oversized, cropped slightly by puzzle seams, and integrated into the tile layout. Keep the text crisp and high contrast.

Visible graphic elements: Include exactly 7 small embedded UI/diagram motifs on puzzle pieces: 1 dark code editor panel in the lower-left with short colored code lines and a small </> symbol; 1 pie chart combined with a small bar chart along the lower middle; 1 simple node-and-connector flow diagram near the lower center-right; 1 bullet-list panel with three round bullets to the right of the flow diagram; 1 user profile card in the upper-right with avatar icon and horizontal text lines; 1 small spreadsheet/dashboard grid in the top-right corner with gray cells and one blue highlighted cell; 1 document/image card on the right side with small mountain thumbnail lines, overlapped by a blue chat bubble containing two white dots and two white horizontal lines.

Visual style: Premium tech editorial illustration, cinematic lighting, tactile paper puzzle texture, muted monochrome palette of black, warm off-white, gray, and accent cobalt blue {argument name="accent color" default="cobalt blue"}. Add subtle scratches, dust, and paper grain. Use realistic shadows between pieces, but keep the whole image clean and readable.

Constraints: No people, no extra logos, no watermark, no random English words beyond tiny unreadable code strokes, and no additional large text. The blue puzzle piece should feel like the key missing component that completes the system, while the dashed empty slot hints that another piece is still absent.