Preview image. Unlock full-res
Dark OG card with a code-editor JSON snippet on the left and three angled, perspective-tilted auto-generated job-posting card mockups on the right.
Summary
A near-black card showing a mac-style code window with a JSON config on the left and three tilted, perspective-skewed generated image cards on the right. The defining move is pairing an API input (code) with its visual outputs (the cards) to explain image automation.
Visual description
Black background. Left center holds a dark rounded code-editor window with red, yellow, and green traffic-light dots and a short JSON object in a casual monospace: "template": "Job posting", "title": "Product Manager", "logo": "slack.svg". To the right, three blue-tinted "is looking for a" job-posting cards float at a 3D angle, each with a company logo (Figma, Storybook, Slack) and a role title (Senior frontend engineer, Digital marketing specialist, Product manager) over a faded office photo. The cards recede in perspective toward the right edge.
Key takeaway
Demonstrating a generate-from-data API by literally placing the JSON input next to the rendered card outputs. The angled perspective stack implies the tool produces these at scale.
Reuse notes
Strong for developer tools, image-generation APIs, or templating platforms aimed at engineers. The code snippet must stay short and readable. Works on dark only and benefits from full-width display so the tilted cards do not crop oddly.
