GPT Image 2AI 提示词
Swiss Grid Minimalist Portfolio — Sora 2 Prompt
Create a clean black-and-white personal portfolio homepage mockup with Swiss grid lines, brutalist typography, and a realistic browser frame.
1 / 2
提示词 · EN
type
desktop browser screenshot of a minimalist personal portfolio website homepage design draftstyle
Swiss grid system, brutalist minimalism, black and white palette, faint technical blueprint guides, thin gray borders, lots of whitespace, monospace micro-labels mixed with bold geometric sans-serif display typecanvas
aspect_ratio
wide 16:9environment
shown inside a Chrome-like browser window at localhost:5173 with visible tabs, bookmarks bar, and address barbackground
whitebrand
logo
small square outlined mark with initials NRSname
{argument name="character name" default="Naufaldi Rafif S."}header
position
top fixed website navbar below browser chromeheight
about 64pxleft_brand
NRS logo followed by Naufaldi Rafif S.navigation
count
6items
item 1
HOMEitem 2
BLOGitem 3
PROJECTSitem 4
ABOUTitem 5
SPEAKERitem 6
OTHER with down chevronactive_item
HOME in a thin outlined rectangular tabactions
count
3items
item 1
Contact white outlined buttonitem 2
Download CV black filled button with arrowitem 3
small square sun/theme icon buttonlayout
main_container
large centered rectangular grid area with faint vertical and horizontal guide lines, coordinate labels, and thin bordertechnical_annotations
count
7labels
item 1
X-1440item 2
X-768item 3
X-0item 4
X-1024item 5
X-768item 6
X-480item 7
Y-0 / Y-360 / Y-720 guide markingssections
item 1
title
01 // INTROposition
left large content columncount
1content
huge boxed headline reading {argument name="headline text" default="NAUFALDI RAFIF S."} split across two lines, black all-caps extra-bold typeitem 2
title
professional summaryposition
below headline in left columncount
3items
item 1
subtitle: {argument name="role title" default="Software Engineer & Mentor"}item 2
specialty tags: PRODUCT SYSTEMS | BACKEND FOUNDATIONS | ENGINEERING MENTORSHIPitem 3
paragraph: {argument name="bio paragraph" default="My foundation is frontend, but the direction is broader: backend ownership, product architecture, and end-to-end software delivery."}item 3
title
02 // ROUTESposition
right sidebar separated by a vertical dividercount
3items
item 1
01 View projects, black active card with code icon and right arrowitem 2
02 Get in touch, white row with right arrowitem 3
03 Download CV, white row with right arrowitem 4
title
bottom status stripposition
bottom of bordered containercount
4items
item 1
OPEN TO WORKitem 2
7 YRS EXPERIENCEitem 3
1000+ MENTEESitem 4
BEKASI, INDONESIAfooter_meta
right side of bottom strip shows BUILD:2026 and PRD:01typography
headline
massive uppercase bold sans-serif, tight spacingbody
clean readable sans-serifmicrocopy
small uppercase monospace with wide letter spacingcolor_palette
primary
#0b0d0e near-blackbackground
#ffffffborder
#e8e8e8 light grayguides
#edf2ef very faint green-grayaccent
thin green line on active route card and top grid guidecomposition_notes
Make it look like a polished web design system mockup generated for implementation, not a marketing landing page; emphasize precise alignment, grid overlays, coordinate labels, and modern developer portfolio aesthetics.关于这个提示词
Create a clean black-and-white personal portfolio homepage mockup with Swiss grid lines, brutalist typography, and a realistic browser frame. 它更适合作为 GPT Image 2 的概念艺术起点：先保留画面结构、主体关系和风格约束，再替换成你的品牌、人物或场景。
这条提示词使用结构化 JSON 组织信息，包含 type、style、canvas、brand、header、layout、typography 等字段。保留这种层级能让模型更清楚地区分画面主题、布局、界面元素和细节约束。
使用时建议先小幅修改主体、场景、镜头和色调，再生成多个版本对比构图与细节。这样页面内容对用户有实际帮助，也避免把模型名或标签机械堆在正文里。
如何使用这个提示词
- Copy the full prompt text from Sora2Hub.com.
- Open your preferred AI image generator (Sora 2, Midjourney, or DALL·E).
- Paste the prompt into the generation field.
- Tweak the
character namevariable to replace the default name with your own. - Generate and iterate — adjust wording for different layouts or color schemes.
