エディトリアル風AIポートフォリオWebモックアップ

{
  "type": "エディトリアルポートフォリオウェブサイトのランディングページモックアップ",
  "style": "クリーンでモダンなWebデザイン、開放感のあるプレミアムな美学、柔らかなエディトリアルタイポグラフィ、パステル調の海岸パレット、繊細なグラスモーフィズム、高級スタートアップのポートフォリオ感",
  "canvas": {
    "aspect_ratio": "3:2",
    "background": "ブラウザフレーム外の柔らかな青空"
  },
  "browser": {
    "type": "デスクトップブラウザウィンドウモックアップ",
    "top_bar": {
      "traffic_lights": 3,
      "address_text": "angaisb._ai",
      "right_icons": 3
    },
    "corner_radius": "大",
    "shadow": "柔らかなフロートシャドウ"
  },
  "brand": {
    "logo_text": "Angaisb_"
  },
  "header": {
    "nav_count": 5,
    "nav_items": [
      "Home",
      "Projects",
      "Writing",
      "Tools",
      "About"
    ],
    "active_item": "Home",
    "cta_button": {
      "text": "[Contact]",
      "style": "角丸のイエローピルボタン"
    }
  },
  "hero": {
    "layout": "左側にテキスト、右側にフルブリードで溶け込むイメージシーンを配置したスプリットエディトリアルヒーロー",
    "background_scene": "青い海の水平線、ふわふわした白い雲、手前に咲くピンクとオレンジの花々、柔らかく幻想的な雰囲気の晴れた海岸の高台",
    "headline": "[AI, ideas, and optimistic futures]",
    "subheadline": "[Experiments, tools, and thoughts on artificial intelligence]",
    "primary_cta": {
      "text": "Explore Projects",
      "style": "矢印付きの黄色い角丸ボタン"
    },
    "secondary_cta": {
      "text": "Read the latest",
      "style": "矢印付きテキストリンク"
    },
    "human_figure": {
      "count": 1,
      "description": "後ろ姿の若い男性、短い茶髪、鮮やかな黄色いセーターを着用、ヒーローセクション右寄りに配置、海を見つめる"
    },
    "overlay_card": {
      "count": 1,
      "style": "半透明フロストガラスの角丸カード",
      "icon": "小さな黄色い円形アイコン",
      "text_lines": [
        "Building with curiosity.",
        "Designing for impact.",
        "Sharing openly."
      ]
    },
    "network_graphic": {
      "count": 1,
      "description": "右上の空に浮かぶ繊細な白いノードとラインの星座グラフィック"
    }
  },
  "main_sections": [
    {
      "title": "Featured",
      "position": "コンテンツ上部",
      "count": 3,
      "labels": [
        "BloomBench",
        "ThoughtGarden",
        "Open Prompts"
      ],
      "cards": [
        {
          "title": "BloomBench",
          "tag": "Research",
          "description": "実世界の視覚推論に関するマルチモーダルLLM評価ベンチマーク。",
          "thumbnail": "海辺の花と薄いUIオーバーレイ"
        },
        {
          "title": "ThoughtGarden",
          "tag": "Tool",
          "description": "アイデアが繋がり進化するパーソナルナレッジガーデン。",
          "thumbnail": "青空の下の緩やかな緑の丘と半透明インターフェースパネル"
        },
        {
          "title": "Open Prompts",
          "tag": "Resources",
          "description": "実践的なAIビルダー向けのプロンプト、パターン、パイプライン集。",
          "thumbnail": "花と空と半透明インターフェースパネル"
        }
      ],
      "top_right_link": "View all projects"
    },
    {
      "title": "Latest Writing",
      "position": "左下",
      "count": 1,
      "labels": [
        "The Optimism Loop in AI"
      ],
      "card": {
        "title": "The Optimism Loop in AI",
        "description": "なぜ楽観主義が創造性、研究、責任あるAIの力乗となるのか。",
        "date": "May 12, 2024",
        "thumbnail": "花の中に立つ黄色いセーターの後ろ姿の人物"
      },
      "top_right_link": "View all"
    },
    {
      "title": "Currently Exploring",
      "position": "中央下",
      "count": 3,
      "labels": [
        "Multimodal Reasoning",
        "AI for Scientific Discovery",
        "Human-AI Collaboration"
      ],
      "style": "小さなアイコン付きの柔らかい角丸トピックピル3つ"
    },
    {
      "title": "About",
      "position": "右下",
      "count": 1,
      "labels": [
        "More about me"
      ],
      "text": "テクノロジーは人間の可能性を拡張し、より良い未来を築く力になると信じるAIクリエイター兼研究者。",
      "decoration": "右下の繊細なピンクの花のイラスト"
    }
  ],
  "visual_details": {
    "cards": "薄いライトグレーの境界線と柔らかな影を持つ白い角丸カード",
    "spacing": "ゆったりとした余白とバランスの取れたグリッド",
    "typography": "エレガントな大型セリフ見出しとすっきりとしたサンセリフUIテキストの組み合わせ",
    "colors": {
      "primary_text": "ディープネイビー",
      "accent": "ウォームイエロー",
      "background": "ホワイトとペールスカイブルー",
      "secondary_accents": "ソフトピンク、グリーン、ラベンダー"
    }
  }
}