
ダークモードAIニュースアーカイブUI
タイムライン形式の記事一覧、フィルターピル、輝くヒーローカードを備えた日本語ダークモード記事アーカイブUI。カテゴリや日付を変更してカスタマイズ可能です。
プロンプト
参照画像を既存のダークテーマAIニュースウェブサイトのデザインとして使用し、同一のブランド、日本語タイポグラフィ、ダークテーマ、ロゴ、トップナビゲーション、フッターの一貫性を保ちながら刷新されたアーカイブページUIを生成してください。アクティブなトップナビゲーション項目をかすかな黄色のアンダーライン付きの[アーカイブ]に設定します。洗練されたモダンなアーカイブインターフェースを構成:タイトル[アーカイブ]の大きなボーダー付きヒーローカード、小さな黄色アイコンラベル[すべての記事]、短い紹介文、右側に配置された装飾的な金色の天体・日食グローグラフィック。ヒーローの下には検索バーと期間・並び順の2つのコンパクトなドロップダウンコントロールを配置。カテゴリフィルターピル(すべて、Claude、OpenAI、Google、Agents、ツール、ニュース、研究、その他)を並べ、「すべて」を黄色でハイライト。記事一覧は月別タイムライン形式とし、3件の記事行を含む「2026年5月」と2件の記事行を含む「2026年4月」の2セクションで構成。各行には日付、小さな黄色のタイムラインドット、太字の日本語記事タイトル、1行の要約、右側の3つのタグチップ、シェブロン矢印を表示。下部に前へ矢印、ハイライトされた1、2、3、省略記号、24、次へ矢印のページネーションを配置。ゆったりとしたスペーシング、極細ボーダー、微細なグラデーション、すりガラス調カード、美しく明瞭な日本語文字で中央揃えにレイアウトしてください。
カスタマイズできる部分
生成する前に、プロンプトのこれらの部分を自分のテーマや文言に置き換えてください。
[アーカイブ]プレースホルダー[すべての記事]プレースホルダー“すべて”引用符内の文言“2026年5月”引用符内の文言“2026年4月”引用符内の文言
プロンプトの詳細
- カテゴリ
- UI / UX デザイン
- モデル
- GPT IMAGE 2
- 1 枚あたりのコスト
- 1K:43 クレジット · 2K:86 クレジット · 4K:143 クレジット
- アスペクト比
- 16:9
- 追加日