IP
生成
楽観的なAIポートフォリオランディングページのプレビュー画像
主要参照画像

楽観的なAIポートフォリオランディングページ

プロジェクト、執筆、研究テーマを明るい編集型ウェブサイトデザインで紹介するための、洗練された個人向けAIポートフォリオホームページのモックアップ。

これはグラフィック&ポスター向けのGPT Image 2プロンプトケースです。以下のコピー可能なプロンプトを使用して同様のビジュアルを生成し、再利用する前にAwesome GPT Image 2 Prompts帰属表示と商用利用権を確認してください。

プロンプトセット全体が必要ですか? グラフィック&ポスター 関連する例をもっと見るにはトピックハブを開くか、 GPT Image 2 プロンプトカタログ 完全な例の索引、再利用可能な構造、および出典の明記については、こちらをご覧ください。

Free 1K preview

Generate one preview image instantly, no sign-up required.

4000/4000
Continue on Dovoo

プロンプト

コピー準備完了プロンプト

{
  "type": "editorial portfolio website landing page mockup",
  "style": "clean modern web design, airy premium aesthetic, soft editorial typography, pastel coastal palette, subtle glassmorphism, high-end startup portfolio feel",
  "canvas": {
    "aspect_ratio": "3:2",
    "background": "soft blue sky outside the browser frame"
  },
  "browser": {
    "type": "desktop browser window mockup",
    "top_bar": {
      "traffic_lights": 3,
      "address_text": "angaisb._ai",
      "right_icons": 3
    },
    "corner_radius": "large",
    "shadow": "soft floating shadow"
  },
  "brand": {
    "logo_text": "Angaisb_"
  },
  "header": {
    "nav_count": 5,
    "nav_items": [
      "Home",
      "Projects",
      "Writing",
      "Tools",
      "About"
    ],
    "active_item": "Home",
    "cta_button": {
      "text": "{argument name=\"button text\" default=\"Contact\"}",
      "style": "rounded yellow pill"
    }
  },
  "hero": {
    "layout": "split editorial hero with text on left and image scene on right blending across full width",
    "background_scene": "sunny coastal overlook with blue ocean horizon, fluffy white clouds, pink and orange flowers in the foreground, soft dreamy atmosphere",
    "headline": "{argument name=\"headline text\" default=\"AI, ideas, and optimistic futures\"}",
    "subheadline": "{argument name=\"subheadline text\" default=\"Experiments, tools, and thoughts on artificial intelligence\"}",
    "primary_cta": {
      "text": "Explore Projects",
      "style": "yellow rounded button with arrow"
    },
    "secondary_cta": {
      "text": "Read the latest",
      "style": "text link with arrow"
    },
    "human_figure": {
      "count": 1,
      "description": "young man seen from behind, short brown hair, wearing a bright yellow sweater, centered-right in the hero, looking toward the ocean"
    },
    "overlay_card": {
      "count": 1,
      "style": "translucent frosted glass rounded card",
      "icon": "small yellow circular icon",
      "text_lines": [
        "Building with curiosity.",
        "Designing for impact.",
        "Sharing openly."
      ]
    },
    "network_graphic": {
      "count": 1,
      "description": "delicate white node-and-line constellation graphic in the upper-right sky"
    }
  },
  "main_sections": [
    {
      "title": "Featured",
      "position": "upper content area",
      "count": 3,
      "labels": [
        "BloomBench",
        "ThoughtGarden",
        "Open Prompts"
      ],
      "cards": [
        {
          "title": "BloomBench",
          "tag": "Research",
          "description": "A benchmark for evaluating multimodal LLMs on reasoning about real-world visuals.",
          "thumbnail": "flowers by the sea with light UI overlay"
        },
        {
          "title": "ThoughtGarden",
          "tag": "Tools",
          "description": "A personal knowledge garden where ideas connect and evolve.",
          "thumbnail": "rolling green hills under blue sky with translucent interface panels"
        },
        {
          "title": "Open Prompts",
          "tag": "Resources",
          "description": "A collection of prompts, patterns, and pipelines for practical AI builders.",
          "thumbnail": "flowers and sky with translucent interface panels"
        }
      ],
      "top_right_link": "View all projects"
    },
    {
      "title": "Latest Writing",
      "position": "bottom left",
      "count": 1,
      "labels": [
        "The Optimism Loop in AI"
      ],
      "card": {
        "title": "The Optimism Loop in AI",
        "description": "Why optimism is a force multiplier for creativity, research, and responsible AI.",
        "date": "May 12, 2024",
        "thumbnail": "rear-view person in yellow sweater standing among flowers"
      },
      "top_right_link": "View all"
    },
    {
      "title": "Currently Exploring",
      "position": "bottom center",
      "count": 3,
      "labels": [
        "Multimodal Reasoning",
        "AI for Scientific Discovery",
        "Human-AI Collaboration"
      ],
      "style": "three soft rounded topic pills with small icons"
    },
    {
      "title": "About",
      "position": "bottom right",
      "count": 1,
      "labels": [
        "More about me"
      ],
      "text": "I’m an AI creator and researcher who believes technology should amplify human potential and help build a better future.",
      "decoration": "delicate pink flower illustration in the lower-right corner"
    }
  ],
  "visual_details": {
    "cards": "white rounded cards with thin light-gray borders and soft shadows",
    "spacing": "generous whitespace and balanced grid",
    "typography": "large elegant serif display headline paired with clean sans-serif UI text",
    "colors": {
      "primary_text": "deep navy",
      "accent": "warm yellow",
      "background": "white and pale sky blue",
      "secondary_accents": "soft pink, green, and lavender"
    }
  }
}

プロンプト変数

プロンプトに表示される編集可能な引数プレースホルダーと、それらのデフォルト値。

3
変数
button text
デフォルト
Contact
変数
headline text
デフォルト
AI, ideas, and optimistic futures
変数
subheadline text
デフォルト
Experiments, tools, and thoughts on artificial intelligence

Best for

  • - グラフィック&ポスター visual exploration
  • - Image generation and reference-image edits
  • - Reusable briefs that keep source attribution visible

Change these parts

  • - Subject, product, character, or scene
  • - Aspect ratio, camera, lighting, and background
  • - Brand, text, color, and output constraints

Recommended model and settings

  • - Model: gpt-image-2
  • - Input mode: テキストから画像
  • - Aspect ratio: source
  • - Commercial status: review original source

How to use this prompt

  1. 1. Copy the prompt and preserve its structure for the first test.
  2. 2. Replace the subject, context, and publishing channel.
  3. 3. Change one camera, lighting, or style variable per iteration.
  4. 4. Inspect the output, source, text, and rights before reuse.

Limitations, source, and reuse cautions

  • - Generated output is an editable draft, not factual, legal, or rights evidence.
  • - Review the linked source, people, brands, logos, text, and third-party media before commercial use.
Awesome GPT Image 2 Promptsからインポートされました。出典の明記が必要です。商用利用の可否はallowedです。有料利用の前に、出典元の権利をご確認ください。

このカテゴリーのその他の事例

カテゴリー、入力モードの互換性、品質、およびリスクの低さに基づいて優先順位付けされています。

6

再利用と出典に関する注記

ケースを事前に確認してから、このプロンプトを安全に使用してください。

  1. 1.プロンプトをコピーするか、生成ボタンを使ってDovooで直接開いてください。
  2. 2.ご自身の用途に合わせて、変数、アスペクト比、および参照画像を調整してください。
  3. 3.公開または有料利用の前に、情報源の権利、帰属表示の要件、およびブランドまたは肖像権に関するリスクを確認してください。
Optimistic AI PortfolioのGPTランディングページ(画像2) | Image Prompt Gallery