极简开发者作品集主页

提示词

{"type":"桌面浏览器截图，展示一个极简个人作品集网站首页设计草图","style":"瑞士网格系统、粗野主义极简风、黑白配色、淡淡的技术蓝图辅助线、细灰色边框、大量留白、等宽微型标签与粗体几何无衬线展示字体混排","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":"居中放置的大型矩形网格区域，带有淡淡的竖直和水平辅助线、坐标标签以及细边框","technical_annotations":{"count":7,"labels":["X-1440","X-768","X-0","X-1024","X-768","X-480","Y-0 / Y-360 / Y-720 guide markings"]},"sections":[{"title":"01 // INTRO","position":"左侧大型内容栏","count":1,"content":"巨大的方框标题，内容为 {argument name=\"headline text\" default=\"NAUFALDI RAFIF S.\"}，分成两行显示，黑色全大写超粗字体"},{"title":"专业摘要","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":"底部状态条","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":"呈现为一个用于实现的精致网页设计系统 mockup，而不是营销落地页；强调精确对齐、网格叠加、坐标标签以及现代开发者作品集美学。"}