Minimal Developer Portfolio Homepage

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

{"type":"미니멀한 개인 포트폴리오 웹사이트 홈페이지 디자인 초안의 데스크톱 브라우저 스크린샷","style":"스위스 그리드 시스템, 브루탈리스트 미니멀리즘, 흑백 팔레트, 희미한 기술 청사진 가이드, 얇은 회색 테두리, 풍부한 여백, 굵은 기하학적 산세리프 디스플레이 서체와 혼합된 모노스페이스 마이크로 라벨","canvas":{"aspect_ratio":"와이드 16:9","environment":"탭, 북마크 바, 주소 표시줄이 보이는 localhost:5173의 Chrome 스타일 브라우저 창 내부","background":"흰색"},"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 (아래 화살표 포함)"],"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":"두 줄로 나뉜 {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 프로젝트 보기, 코드 아이콘과 오른쪽 화살표가 있는 검은색 활성 카드","02 연락하기, 오른쪽 화살표가 있는 흰색 행","03 이력서 다운로드, 오른쪽 화살표가 있는 흰색 행"]},{"title":"하단 상태 스트립","position":"테두리가 있는 컨테이너 하단","count":4,"items":["OPEN TO WORK","7년 경력","1000명 이상의 멘티","인도네시아 베카시"]}],"footer_meta":"하단 스트립 오른쪽에는 BUILD:2026 및 PRD:01 표시"},"typography":{"headline":"거대한 대문자 볼드 산세리프, 좁은 자간","body":"깔끔하고 읽기 쉬운 산세리프","microcopy":"넓은 자간의 작은 대문자 모노스페이스"},"color_palette":{"primary":"#0b0d0e (거의 검은색)","background":"#ffffff","border":"#e8e8e8 (연한 회색)","guides":"#edf2ef (매우 희미한 녹색-회색)","accent":"활성 경로 카드 및 상단 그리드 가이드의 얇은 녹색 선"},"composition_notes":"마케팅 랜딩 페이지가 아닌 구현을 위해 생성된 세련된 웹 디자인 시스템 목업처럼 보이게 하십시오. 정밀한 정렬, 그리드 오버레이, 좌표 라벨 및 현대적인 개발자 포트폴리오 미학을 강조하십시오."}

기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.

✨ 생성 저장 프롬프트 복사 공유 원본 게시물 Hitboard에서 열기