ラビットポートフォリオデザインシステムボード

{ "type": "デザインシステムスタイルのポートフォリオランディングページモックアップ", "style": "温かみのあるニュートラルな編集美学、丸みを帯びた角、ミニマルな高級感、クリーミーなモノクロトーン、繊細な影、すっきりとした間隔、そして絶妙な製品デザインのショーケースを特徴とする洗練された日本スタイルのウェブデザインプロジェクト。", "brand": { "name": "{argument name=\"ブランド名\" default=\"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": [ "ロゴコンセプト", "color", "typesetting", "Grid", "コンポーネント", "ナビゲーション", "アイコン", "マスコットポーズ", "モーションエフェクト", "デザイン原則", "ミニカードプレビュー" ] }, { "title": "ホームページウェブサイト", "position": "上部中央", "count": 8, "labels": [ { "ブランドヘッダー", "日本語タイトル", "サブタイトル行", "2つのCTAボタン", "テーブルの上の大きなウサギ", "6つの機能アイコン行", "立っているウサギ", "木製の机のシーン" ] }, { "タイトル": "モバイルプレビュー", "位置": "右上の狭いバー", "カウント": 1, "ラベル": [ "同じホームページ上のスマートフォンのモックアップ" ] }, { "タイトル": "パフォーマンス", "位置": "中央", "カウント": 4, "ラベル": [ "会社のウェブサイト", "ブランドランディングページ", "UIデザイン", "マガジンデザイン" ] }, { "タイトル": "右サイドバーカード", "位置": "中央から右下", "カウント": 4, "ラベル": [ "パフォーマンスカード", "企業ウェブサイトカード", "思考と記録カード", "お問い合わせカード" ] }, { "タイトル": "個人情報", "位置": "中央下部", "カウント": 1, "labels": [ "ラウンジチェアに座っているウサギと、個人のプロフィールテキストブロック。" ] }, { "title": "サービス", "position": "中下部", "count": 4, "labels": [ "ウェブサイト作成", "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でラップトップを使用する", "プロセスのステップ2でプロジェクトが紹介される。", "プロセスのステップ3では机で作業する。", "プロセスのステップ4でラップトップを使用する", "プロセスのステップ5でラップトップの前で...", "アイコン行1の小さな全身ポーズ", "アイコン行2の小さな全身ポーズ", "小さな全身アイコン行 3 のポーズ」、「右下隅にマグカップを持った大きな座っているウサギ」] } }、「scene_details」：{「hero_scene」：「窓から差し込む日光を浴びた木製の机、開いたノート、羽根ペン、小さなインクボトル、右から伸びる柔らかい植物の葉、穏やかな朝の光。」、"cards」：「ポートフォリオのサムネイルには、デスクトップラップトップ、エレガントなファッション/編集マニュアル、スマートフォンの UI モックアップ、ウサギが描かれたシリアル雑誌の表紙が含まれています。」}、「typography」：{「headline」：「{argument name=\"headline text\" default=\"静かに創造行為を洗練する。"}」、「body_language」：「日本語」、「font_mood」：「タイトルには洗練されたモダンなセリフフォントを使用し、クリーンなサンセリフの UI テキストと組み合わせています。」 }, "ui": { "components_count": 9, "components": [ "ダークグレーのメインカプセルボタン", "明るい色のアウトラインサブカプセルボタン", "タグカプセル", "ナビゲーションバー", "角丸アイコンボタン", "コンテンツカード", "スマートフォンフレーム", "ページネーションポイント", "ソーシャルアイコン" ] }, "materials": { "surfaces": [ "マットなプラスチックのウサギ", "ライトウォールナットウッド", "クリーム色の紙", "柔らかい布張りの椅子", "ガラスとセラミックの装飾" ] }, "lighting": "柔らかく拡散した日光、穏やかなハイライト、最小限のコントラスト、温かみのあるベージュの反射。", "camera": "プロジェクトビュー全体に面し、わずかに持ち上げられ、編集用にクリーンで鮮明な製品写真の雰囲気を作り出します。", "quality": "ハイエンドのDribbble/Behance表示効果、完璧な配置、リアルな3DレンダリングとUIモックアップデザインの統合。", "customization": { "accent color": "{argument name=\"アクセントカラー\" default=\"ウォームベージュとロックブルー\"}", "マスコット動物": "{引数 name=\"マスコット動物\" default=\"ウサギ\"}", "言語": "{引数 name=\"言語\" default=\"日本語\"}" } }