IP
Generate
Dark News Article UI Redesign preview image
Primary reference image
gpt-image-2 case其他灵感Image to Image1 ref

Dark News Article UI Redesign

Transforms a simple Japanese AI news article page into a modern dark editorial layout with sidebar summaries, tags, sharing, and related articles.

This is a gpt-image-2 prompt case for 其他灵感. Use the copy-ready prompt below to generate similar visuals, and review YouMind OpenLab awesome-gpt-image-2 attribution plus commercial-use rights before reuse.

Try this prompt

Prompt

Copy-ready prompt

Using REFERENCE_1 as the source article page and REFERENCE_0 as the website branding/navigation reference, the article pages were redesigned with a sophisticated, modern dark-mode news UI while retaining the Japanese article theme and overall website identity. The header with the logo and navigation links was retained, but the article layout was widened and made more editorial: a "Back to Archive" link, category tags, dates, prominent headlines, short introductory paragraphs, and a wide, cinematic main image with a deep space/planetary glow theme were added. The article body was reformatted into clear sections with five visible section titles: "Claude Code No. 100," "Enhancement of Computing Resources and Part-Time Slip," "Update of Usage Regulations and Apology," "Updating of Functionality and Product Data," and "Future Outlook." Embedded UI enhancements were added, including a highlight tooltip/notation box, a quote box, a bulleted list, and a source link card at the bottom. Add a right sidebar containing four stacked cards: 1) "Key Points of This Notebook," containing five numbered summaries; 2) "Tags," containing six tags: Anthropic, Claude, Claude Code, Expert, Computing Resources, and Part-Timer Slip; 3) "Share," containing four share buttons/icons: Link, Twitter/X, Facebook, and Hatena Bookmark; 4) "Related Notes," containing four links to related articles and their dates. Use subtle borders, rounded corner cards, soft gray text, amber accent lines, and ample white space; retain the GitHub and news.smol.ai links in the footer.

More cases in this category

Prioritized by category, input mode compatibility, quality, and lower risk.

6

Reuse and source notes

Use this prompt safely after previewing the case.

  1. 1.Copy the prompt or open it directly in Dovoo with the generation button.
  2. 2.Adjust variables, aspect ratio, and reference images for your own use case.
  3. 3.Before publishing or paid usage, verify source rights, attribution requirements, and brand or likeness risks.

Can I use this prompt commercially?

Commercial-use status is unknown. Review the original source, license, brand constraints, and legal requirements before paid usage.

Where does this case come from?

This case is imported from YouMind OpenLab awesome-gpt-image-2; keep attribution visible and check the source URL before reuse.