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

{ "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": "ブラウザのChromeの下にある上部の固定ウェブサイトナビゲーションバー", "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 rectangle tab" }、"actions": { "count": 3、"items": [ "Contact button with white outlined", "Download CV 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 ガイドマーキング" ] }, "sections": [ { "title": "01 // INTRO", "position": "左の大きなコンテンツ列", "count": 1, "content": "{argument name=\"headline text\" default=\"NAUFALDI RAFIF S.\"} と書かれた大きな枠付き見出しが 2 行に分割され、黒のすべて大文字の極太タイプ" }, { "title": "職務概要", "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 owner,製品アーキテクチャ、およびエンドツーエンドのソフトウェアデリバリー。"}" ] }, { "title": "02 // ルート", "position": "垂直の区切り線で区切られた右サイドバー", "count": 3, "items": [ "01 プロジェクトを表示、コードアイコンと右矢印付きの黒いアクティブカード", "02 お問い合わせ、右矢印付きの白い行", "03 履歴書をダウンロード、右矢印付きの白い行" ] }, { "title": "下部ステータスストリップ", "position": "枠付きコンテナの下部", "count": 4, "items": [ "求職中", "7年の経験", "1000人以上のメンティー", "インドネシア、ベカシ" ] } ], "footer_meta": "下部ストリップの右側にBUILD:2026とPRD:01を表示" }, "typography": { "headline": "大きな大文字の太字サンセリフ、狭い間隔", "body": "すっきりとした読みやすいsans-serif", "microcopy": "文字間隔の広い小さな大文字の等幅フォント" }, "color_palette": { "primary": "#0b0d0e ほぼ黒", "background": "#ffffff", "border": "#e8e8e8 薄い灰色", "guides": "#edf2ef 非常に薄い緑灰色", "accent": "アクティブなルートカードと上部のグリッドガイドに細い緑色の線" }, "composition_notes": "マーケティングランディングページではなく、実装用に生成された洗練されたウェブデザインシステムのモックアップのように見えるようにしてください。正確な配置、グリッドオーバーレイ、座標ラベル、および現代的な開発者ポートフォリオの美学を強調してください。" }