虹色の蝶のUI/UXデザインシステム

{ "type": "UI/UX デザインシステム デモンストレーション プロジェクト", "theme": "ダーク モード、自然にインスパイアされた、光り輝く虹色の美学", "header": { "title": "自然にインスパイアされた UI{argument name=\"system title\" default=\"Butterfly Rainbow\"} UI/UX デザイン システム", "description": "{argument name=\"chinese description\" default=\"蝶の羽からインスピレーションを得て、構造色の虹色の光沢と深い青を取り入れたデザインで、軽やかでダイナミックで鮮やかなデジタル体験を実現します。"}", "hero_image": "大きく、非常に詳細で、光り輝く青紫色の虹色の蝶の羽" }, "layout": { "sections": [ { "title": "デザインのインスピレーション", "count": 4, "description": "虹色の蝶の羽と光の屈折のクローズアップを示す正方形のサムネイル" } }, { "title": "キーワード", "count": 5, "labels": [ "iris", "Agile", "Light", "Profound", "nature" ] }, { "title": "カラーシステム", "subsections": [ { "title": "メインカラー", "count": 3, "labels": [ "Morpho Blue #1E5BFF", "Rainbow Purple #7A5CFF", "Skylight #00E6FF" ] }, { "title": "ニュートラルカラー", "count": 3, "labels": [ "Midnight Black #0B0F19", "Soft Navy Blue #141A2E", "Pearl White #F3F6FC" ] }, { "title": "色とグラデーションの強調", "count": 2, "labels": [ "Rainbow gloss", "Butterfly Light" ] } ] }, { "title": "組版", "content": "Aa Poppins Light / Regular / Medium / SemiBold" }, { "title": "アプリのアイコン", "count": 1, "text": "アプリケーション名{argument name=\"アプリ名\" default=\"Winglet\"} 軽量。俊敏。優雅。" }, { "title": "UI コンポーネント", "subsections": [ { "title": "ボタン", "count": 6, "labels": [ "メインボタン", "セカンダリボタン", "ガラスのテクスチャ", "ハートのアイコン", "光る球体のアイコン", "スイッチ" ] }, { "title": "その他の要素", "count": 5, "labels": [ "検索バー", "タグ (新規)", "プログレスバー (72%)", "カード (ブルーモーフ)", "スライダー" ] } ] }, { "title": "モバイル UI", "count": 3, "screens": [ "探索ページ", "大きな蝶の羽のある今日のページ", "波形グラフのあるオーディオ再生ページ" ] }, { "title": "Web デザインプレビュー", "count": 1, "details": "デスクトップ ブラウザ モデル、最初の画面領域には '{argument name=\"web hero headline\" default=\"Life of Light\"} ' と「今すぐ探索」ボタン」 }, { "title": "ビジュアル背景", "count": 4, "description": "抽象的な虹色の波紋を表示する長方形のサムネイル" } ], "footer": "自然を念頭に置いてデザインされ、体験のために生まれました。" } }