# GPT Image Hub prompt

## 極簡開發者個人作品集介面模型
- URL: https://www.gptimagehub.com/zh-TW/library/minimalist-developer-portfolio-ui-mockup
- Generator URL: https://www.gptimagehub.com/zh-TW/generate?promptId=oss-ym-g2-18242
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-TW%2Flibrary%2Fminimalist-developer-portfolio-ui-mockup
- Category: UI / UX 設計
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: 作品集, ui設計, 網頁設計, 極簡主義, 瑞士風格, 線框圖, 開發者
- Updated: 2026-10-27T08:14:08.098Z
- Created: 2026-10-27T08:14:08.098Z

在桌面瀏覽器視窗中生成瑞士網格風格的開發者作品集介面模型。修改括號內的姓名、標題、簡介與中繼資料即可快速個性化定制。

### Full prompt
```text
{
  "type": "極簡個人作品集網站首頁設計草稿的桌面瀏覽器截圖",
  "style": "瑞士網格系統，野獸派極簡主義，黑白單色調，微弱的技術藍圖輔助線，細灰邊框，充足的留白，等寬微型標籤與加粗幾何無襯線大標題的混合排版",
  "canvas": {
    "aspect_ratio": "寬屏 16:9",
    "environment": "在類似於 Chrome 的桌面瀏覽器視窗中展示，地址為 localhost:5173，包含可見的標籤頁、書籤欄和位址列",
    "background": "#ffffff"
  },
  "brand": {
    "logo": "帶有首字母 NRS 的方形線框標誌",
    "name": "[Naufaldi Rafif S.]"
  },
  "header": {
    "position": "瀏覽器邊框下方的頂部固定導航欄",
    "height": "64px",
    "left_brand": "NRS 標誌後跟 [Naufaldi Rafif S.]",
    "navigation": {
      "count": 6,
      "items": ["HOME", "BLOG", "PROJECTS", "ABOUT", "SPEAKER", "帶下箭頭的 OTHER"],
      "active_item": "帶細線矩形外框的高亮 HOME 標籤"
    },
    "actions": {
      "count": 3,
      "items": ["白色線框 Contact 按鈕", "帶箭頭的黑色實體 Download CV 按鈕", "小方形主題切換圖示按鈕"]
    }
  },
  "layout": {
    "main_container": "居中的大型矩形網格容器，帶有微妙的縱橫參考線、座標標籤和髮絲細線邊框",
    "technical_annotations": {
      "count": 7,
      "labels": ["X-1440", "X-768", "X-0", "X-1024", "X-768", "X-480", "Y-0 / Y-360 / Y-720 座標標記"]
    }
  },
  "sections": [
    {
      "title": "01 // INTRO",
      "position": "左側主內容欄",
      "count": 1,
      "content": "分為兩行的巨大黑體全大寫標題 [NAUFALDI RAFIF S.]，帶有方框結構"
    },
    {
      "title": "professional summary",
      "position": "左欄大標題下方",
      "count": 3,
      "items": [
        "副標題: [Software Engineer & Mentor]",
        "專長標籤: PRODUCT SYSTEMS | BACKEND FOUNDATIONS | ENGINEERING MENTORSHIP",
        "段落: [My foundation is frontend, but the direction is broader: backend ownership, product architecture, and end-to-end software delivery.]"
      ]
    },
    {
      "title": "02 // ROUTES",
      "position": "右側邊欄，由細垂直線隔開",
      "count": 3,
      "items": [
        "01 View projects，帶有程式碼圖示和右箭頭的黑色選中卡片",
        "02 Get in touch，帶有右箭頭的白色行",
        "03 Download CV，帶有右箭頭的白色行"
      ]
    },
    {
      "title": "bottom status strip",
      "position": "邊框容器底部的狀態列",
      "count": 4,
      "items": ["OPEN TO WORK", "7 YRS EXPERIENCE", "1000+ MENTEES", "BEKASI, INDONESIA"]
    }
  ],
  "footer_meta": "底欄右側顯示 BUILD:2026 和 PRD:01",
  "typography": {
    "headline": "巨大全大寫粗體幾何無襯線字型，緊湊字距",
    "body": "清晰易讀的無襯線正文字型",
    "microcopy": "大寫等寬緊湊微文字，較寬字間距"
  },
  "color_palette": {
    "primary": "#0b0d0e 接近純黑",
    "background": "#ffffff",
    "border": "#e8e8e8 淺灰",
    "guides": "#edf2ef 極淡綠灰",
    "accent": "活動卡片上的微弱綠色指示線條"
  },
  "composition_notes": "整體呈現為專業嚴謹的數字化設計系統畫板草圖，突出畫素級精確對齊、結構輔助線、技術座標標註及現代工程師作品集的美學風格。"
}
```