
Interface Web d'Article Tech en Mode Sombre
Génère une mise en page d'article tech japonais en mode sombre avec barre latérale et image hero. Modifiez les titres, tags et sections pour l'adapter.
Prompt
UI/UX web redesign mockup of a modern dark-mode Japanese tech news article page, referencing the site branding and layout from the reference images. Top navigation bar with logo and navigation links. Editorial article layout with a back-to-archive breadcrumb, category pill, publication date, large bold headline, and introductory paragraph. Below the headline, a wide cinematic hero image featuring a dark space and glowing cosmic planet motif. Article body structured into 5 sections with headers: 「[Claude Codeの発表]」, 「[計算資源の強化とパートナーシップ]」, 「[利用規約の更新と謝罪]」, 「[機能・プロダクトのアップデート]」, and 「[今後の展望]」. Inline UI components include an amber-tinted callout note box, a stylized blockquote card, bullet lists, and an embedded source-link card at the end. Right sidebar featuring 4 stacked cards: 1) 「この記事の要点」 with 5 numbered key takeaways, 2) 「タグ」 with chips labeled [Anthropic], [Claude], [Claude Code], [エージェント], [計算資源], [パートナーシップ], 3) 「シェア」 with social share buttons for Link, Twitter/X, Facebook, and Hatena Bookmark, and 4) 「関連記事」 with 4 related post cards. Modern dark slate background, subtle border dividers, muted typography, warm amber accents, generous whitespace, and a clean footer linking to GitHub and news.smol.ai.
Ce que vous pouvez personnaliser
Avant de générer, remplacez ces parties du prompt par votre propre sujet ou texte.
[Claude Codeの発表]espace réservé[計算資源の強化とパートナーシップ]espace réservé[利用規約の更新と謝罪]espace réservé[機能・プロダクトのアップデート]espace réservé[今後の展望]espace réservé[Anthropic]espace réservé[Claude]espace réservé[Claude Code]espace réservé
Détails du prompt
- Catégorie
- Design UI / UX
- Modèle
- GPT IMAGE 2
- Coût par image
- 1K : 43 crédits · 2K : 86 crédits · 4K : 143 crédits
- Format
- 16:9
- Ajouté le