极简开发者作品集

Generates a clean grid-based personal website homepage mockup for a software engineer portfolio design system.

{"type":"桌面浏览器截屏的简约个人作品集网站首页设计草稿","style":"瑞士网格系统、野兽派极简主义、黑白配色方案、 faint 技术蓝图指南、细灰色边框、大量空白、等宽微标签混合粗体几何无衬线显示字体","canvas":{"aspect_ratio":"宽16:9","environment":"在类似Chrome的浏览器窗口中显示，地址栏为localhost:5173，可见标签页、书签列和网址列","background":"white"},"brand":{"logo":"小方形轮廓标志，带有缩写NRS","name":"{argument name=\"character name\" default=\"Naufaldi Rafif S.\"}"},"header":{"position":"顶部固定网站导航列，在浏览器接口下方","height":"约64px","left_brand":"NRS标志后跟Naufaldi Rafif S.","navigation":{"count":6,"items":["HOME","BLOG","PROJECTS","ABOUT","SPEAKER","OTHER with down chevron"],"active_item":"HOME在细轮廓矩形标签中"},"actions":{"count":3,"items":["Contact白色轮廓按钮","Download CV黑色填充按钮带箭头","小方形太阳/主题图标按钮"]}},"layout":{"main_container":"大居中矩形网格区域，带有 faint 垂直和水平指南线、座标标签和细边框","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":"巨型框住标题读作 {argument name=\"headline text\" default=\"NAUFALDI RAFIF S.\"} 分成两行，黑色全大写extra-bold字体"},{"title":"professional summary","position":"标题下方在左栏","count":3,"items":["副标题：{argument name=\"role title\" default=\"Software Engineer & Mentor\"}","专业标签：PRODUCT SYSTEMS | BACKEND FOUNDATIONS | ENGINEERING MENTORSHIP","段落：{argument name=\"bio paragraph\" default=\"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 非常 faint 绿灰色","accent":"活动路由卡片和顶部网格指南上的细绿线"},"composition_notes":"让它看起来像为实现而生成的精致网页设计系统模型，而不是营销登陆页面；强调精确对齐、网格覆盖、座标标签和现代开发者作品集美学。"}

机器翻译 — 实际生成作品的是原文提示词。

✨ 生成 收藏 复制提示词 分享 原始帖子 在 Hitboard 打开