ミニマルな開発者向けポートフォリオホームページ

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

{"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 in a thin outlined rectangular tab"},"actions":{"count":3,"items":["Contact white outlined button","Download CV black filled button with arrow","small square sun/theme icon button"]}},"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.\"}を2行に分割、黒の大文字Extra-boldタイプ"},{"title":"professional summary","position":"ヘッドラインの下の左カラム","count":3,"items":["subtitle: {argument name=\"role title\" default=\"Software Engineer & Mentor\"}","specialty tags: PRODUCT SYSTEMS | BACKEND FOUNDATIONS | ENGINEERING MENTORSHIP","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.\"}"]},{"title":"02 // ROUTES","position":"垂直区切りで分離された右サイドバー","count":3,"items":["01 View projects, black active card with code icon and right arrow","02 Get in touch, white row with right arrow","03 Download CV, white row with right arrow"]},{"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 near-black","background":"#ffffff","border":"#e8e8e8 light gray","guides":"#edf2ef very faint green-gray","accent":"thin green line on active route card and top grid guide"},"composition_notes":"実装用に生成された研ぎ澄まされたウェブデザインシステムモックアップのように見せる、マーケティングランディングページではなく、正確なアライメント、グリッドオーバーレイ、座標ラベル、モダンな開発者ポートフォリオ美学を強調"}

機械翻訳 — この作品を生成したのは元のプロンプトです。

✨ 生成 保存 プロンプトをコピー 共有 元の投稿 Hitboard で開く