# GPT Image Hub prompt

## 极简开发者个人作品集界面模型
- URL: https://www.gptimagehub.com/zh-CN/library/minimalist-developer-portfolio-ui-mockup
- Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-18242
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%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": "整体呈现为专业严谨的数字化设计系统画板草图，突出像素级精确对齐、结构辅助线、技术坐标标注及现代工程师作品集的美学风格。"
}
```