# GPT Image Hub prompt

## 和風ポートフォリオデザインシステム展示ボード
- URL: https://www.gptimagehub.com/ja/library/japanese-portfolio-design-system-presentation-board
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-14933
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-portfolio-design-system-presentation-board
- Category: UI / UX デザイン
- Model: gpt-image-2
- Aspect ratio: 3:4
- Style: graphic-design
- Tags: ui-uxデザイン, デザインシステム, ポートフォリオモックアップ, ウサギマスコット, 和モダン, 3dレンダリング
- Updated: 2026-10-27T16:32:23.098Z
- Created: 2026-10-27T16:32:23.098Z

UIコンポーネントと3Dウサギマスコットを備えた上品な日本のデザインシステムボード。ブランドや文字、マスコットを自由に調整できます。

### Full prompt
```text
{"type":"デザインシステム風ポートフォリオランディングページモックアップ","style":"上質で柔らかな日本のWebデザインボード、温かみのあるニュートラルなエディトリアル美学、角丸UI、ミニマルラグジュアリー、クリーミーなモノトーンパレット、繊細な陰影、整った余白、洗練されたプロダクトデザインプレゼンテーション","brand":{"name":"[HONDA PORTFOLIO]","mascot":"長い耳、小さな点の目、小さな口、滑らかなマット質感を持つ可愛い白い3Dの[ウサギ]キャラクター"},"canvas":{"aspect_ratio":"3:4","background":"ごく淡いウォームグレー"},"palette":{"count":6,"swatches":["#F7F3EF","#E7DDD0","#EAD9CA","#F1C6B4","#A8C0B2","#2E3A44"]},"layout":{"type":"マルチパネルデザインシステムボード","sections":[{"title":"デザインシステム","position":"左カラム","count":11,"labels":["ロゴコンセプト","カラー","タイポグラフィ","グリッド","コンポーネント","ナビゲーション","アイコン","マスコットポーズ一覧","モーション","デザイン原則","ミニカードプレビュー"]},{"title":"ヒーローウェブサイト","position":"中央上","count":8,"labels":["ブランドヘッダー","日本語見出し","サブテキスト行","2つのCTAボタン","デスクに座る大きなウサギ","6つの特徴アイコン列","小さく立つウサギ","木製デスクのシーン"]},{"title":"モバイルプレビュー","position":"右上ナローカラム","count":1,"labels":["同じヒーローページのスマートフォンモックアップ"]},{"title":"実績","position":"中央中段","count":4,"labels":["コーポレートサイト","ブランドLP","UIデザイン","雑誌デザイン"]},{"title":"右サイドバーカード","position":"中段および右下","count":4,"labels":["実績カード","コーポレートサイトカード","思考と記録カード","お問い合わせカード"]},{"title":"プロフィール","position":"中央下段","count":1,"labels":["ラウンジチェアに座るウサギとプロフィールテキストブロック"]},{"title":"サービス","position":"中央下段","count":4,"labels":["Webサイト制作","UI / UX設計","ブランドデザイン","アートディレクション"]},{"title":"制作の流れ","position":"中央最下部","count":5,"labels":["01 ヒアリング","02 提案","03 デザイン","04 実装","05 公開"]},{"title":"フッター","position":"最下部全幅","count":4,"labels":["インテリア写真ストリップ","キーワードピル","ソーシャルアイコン","マグカップを持った大きな座りウサギ"]}],"note":"すべてのパネルが薄い角丸カードとゆったりとした余白で統一されたデザインシステムプレゼンボードとして配置"},"subject":{"main_character":"スタイライズされた3D[ウサギ]マスコット、トイライクなプロポーション、柔らかな彫刻ボディ、オフホワイトの質感","expressions_or_poses":{"count":13,"items":["左側ブランディングカードに直立する全身","ヒーロー画面でデスクに向かい執筆","ヒーロー機能列の横に小さく立つ","プロフィールセクションでアームチェアに座りカップを持つ","プロセス手順1でノートPCを使用","プロセス手順2でボードを提示","プロセス手順3でデスク作業","プロセス手順4でノートPCを操作","プロセス手順5でノートPCに向かう","アイコン列の小さな全身ポーズ1","アイコン列の小さな全身ポーズ2","アイコン列の小さな全身ポーズ3","右下でマグカップを持つ大きな座りウサギ"]}},"scene_details":{"hero_scene":"窓辺の陽だまりにある木製デスク、開いたノート、羽根ペン、小さなインク瓶、右から入る柔らかな観葉植物の葉、穏やかな朝の光","cards":"ポートフォリオサムネイル（デスク上のノートPC、上品なファッション/エディトリアル小冊子、スマートフォンUIモックアップ、ウサギ柄のシリアル雑誌表紙）"},"typography":{"headline":"[つくることを、静かに研ぎ澄ます。]","body_language":"[Japanese]","font_mood":"見出し用の洗練されたモダン明朝体と、クリーンなサンセリフUIテキストの組み合わせ"},"ui":{"components_count":9,"components":["プライマリ角丸ボタン（ダークスレート）","セカンダリ角丸ボタン（ライトアウトライン）","タグピル","ナビゲーションバー","角丸アイコンボタン","コンテンツカード","スマートフォンフレーム","ページネーションドット","ソーシャルアイコン"]},"materials":{"surfaces":["マットプラスチックのウサギ","ライトウォールナット材","クリーム紙","柔らかな布張りチェア","ガラスとセラミックのアクセント"]},"lighting":"柔らかく拡散した自然光、穏やかなハイライト、最小限のコントラスト、温かみのあるベージュの反射","camera":"正面からのボード全体ビュー、わずかに俯瞰、鮮明なエディトリアルプロダクトショット","quality":"洗練されたプレゼンテーション、寸分の狂いもない整列、UIモックアップと融合したリアルな3Dレンダリング","customization":{"accent color":"[warm beige and slate blue]","mascot animal":"[rabbit]","language":"[Japanese]"}}
```