Optimistic AI Portfolio Landing Page

原始文档

GPT Image 2 · en

{
  "type": "Editing Style Portfolio Website Landing Page Template",
  "style": "The website boasts a clean and modern design, a light and sophisticated aesthetic, soft layout and editing, a gentle coastal color palette, and a subtle frosted glass effect, giving it the feel of a high-end startup portfolio.",
  "canvas": {
    "aspect_ratio": "3:2",
    "background": "Soft blue sky outside the browser frame"
  },
  "browser": {
    "type": "Desktop browser window model",
    "top_bar": {
      "traffic_lights": 3,
      "address_text": "angaisb._ai",
      "right_icons": 3
    },
    "corner_radius": "big",
    "shadow": "Soft floating shadows"
  },
  "brand": {
    "logo_text": "Angaisb_"
  },
  "header": {
    "nav_count": 5,
    "nav_items": [
      "front page",
      "project",
      "writing",
      "tool",
      "about"
    ],
    "active_item": "front page",
    "cta_button": {
      "text": "{argument name=\"button text\" default=\"Contact me\"}",
      "style": "Yellow rounded capsule button"
    }
  },
  "hero": {
    "layout": "The homepage features a split-screen editing style, with text on the left and an image/scene on the right, spanning the entire width.",
    "background_scene": "A sunny coastal viewpoint, a blue ocean horizon, fluffy white clouds, and pink and orange flowers in the foreground create a soft and dreamy atmosphere.",
    "headline": "{argument name=\"headline text\" default=\"AI, Creativity, and an Optimistic Future\"}",
    "subheadline": "{argument name=\"subheadline text\" default=\"Experiments, tools, and reflections on artificial intelligence\"}",
    "primary_cta": {
      "text": "Exploration Project",
      "style": "Yellow rounded button with arrow"
    },
    "secondary_cta": {
      "text": "Read the latest articles",
      "style": "Text links with arrows"
    },
    "human_figure": {
      "count": 1,
      "description": "A young man with short brown hair, wearing a bright yellow sweater, is shown from behind on the right side of the main screen, gazing at the ocean."
    },
    "overlay_card": {
      "count": 1,
      "style": "Semi-transparent frosted glass rounded corner card",
      "icon": "Small yellow circular icon",
      "text_lines": [
        "Build it with curiosity.",
        "Designed for impact.",
        "Open sharing."
      ]
    },
    "network_graphic": {
      "count": 1,
      "description": "The delicate white nodes and lines of constellations in the sky at the top right corner"
    }
  },
  "main_sections": [
    {
      "title": "Featured Projects",
      "position": "upper content area",
      "count": 3,
      "labels": [
        "BloomBench",
        "ThoughtGarden",
        "Open Prompts"
      ],
      "cards": [
        {
          "title": "BloomBench",
          "tag": "Research",
          "description": "A benchmark for evaluating the real-world visual reasoning capabilities of multimodal LLMs.",
          "thumbnail": "Seaside flowers overlaid with a lightweight UI"
        },
        {
          "title": "ThoughtGarden",
          "tag": "tool",
          "description": "A personal knowledge garden where ideas connect and evolve.",
          "thumbnail": "Rolling green hills under a blue sky and a semi-transparent interface panel"
        },
        {
          "title": "Open Prompts",
          "tag": "resource",
          "description": "A collection of prompts, patterns, and pipelines for AI builders.",
          "thumbnail": "Flowers and sky, with a semi-transparent interface panel"
        }
      ],
      "top_right_link": "View all projects"
    },
    {
      "title": "Latest Writing",
      "position": "bottom left corner",
      "count": 1,
      "labels": [
        "Optimistic Cycles in AI"
      ],
      "card": {
        "title": "Optimistic Cycles in AI",
        "description": "Why optimism is a multiplier for creativity, research, and responsible AI.",
        "date": "May 12, 2024",
        "thumbnail": "A person wearing a yellow sweater standing in a flower bush (back view)"
      },
      "top_right_link": "View all"
    },
    {
      "title": "Current exploration",
      "position": "Bottom Center",
      "count": 3,
      "labels": [
        "Multimodal reasoning",
        "Scientific Discovery AI",
        "Human-machine collaboration"
      ],
      "style": "Three soft, rounded-corner theme capsules with small icons"
    },
    {
      "title": "about",
      "position": "bottom right corner",
      "count": 1,
      "labels": [
        "More about me"
      ],
      "text": "I am an AI creator and researcher who firmly believe that technology should amplify human potential and help build a better future.",
      "decoration": "Delicate pink flower illustration in the bottom right corner"
    }
  ],
  "visual_details": {
    "cards": "White rounded corner card with a thin light gray border and soft shadow",
    "spacing": "Ample white space and a balanced grid",
    "typography": "An elegant large serif heading font paired with clean sans-serif UI text.",
    "colors": {
      "primary_text": "Deep Navy Blue",
      "accent": "warm yellow",
      "background": "White and light sky blue",
      "secondary_accents": "Soft pinks, greens, and lavender colors"
    }
  }
}

使用方法

1. 复制完整原始提示词，并保留其中的参数。
2. 按需求替换主体、文字和构图要求。
3. 在兼容的外部工具中使用，核对当前使用条件并检查结果。

开始前需了解

• 先确认是否需要参考图。标注兼容模型，不代表该示例由这个模型生成。
• 核对名称、数字与画面文字；不同模型版本的结果可能不同。