概念

White Studio

Kurageプロダクト群に適用される明るい白基調の視覚デザイン原則

White Studio（ホワイトスタジオ）は、kurage のプロダクト群に適用される視覚デザイン原則です。kvtuber（Kurage AI VTuber）の README 内の「Design Rule: White Studio」として最も明示的に定義されており、ビューア・配信ビューア・管理コンソール・スクリーンショット・デモ動画のすべてに適用されます。

定義

Kurage は明るい「White Studio」ルックを採用します。具体的には：

白またはオフホワイトの背景
淡いアクア（pale aqua）のアクセントカラー
読みやすいダーク文字
明るい字幕カード

逆に、次の表現は避けます：

background: #000 のような純黒背景
ダークネイビーの全面パネル
黒の半透明字幕ボックス
サイバーパンク風のダークグラデーション

このルールは「黒やダークモードの背景を kvtuber の viewer / broadcast viewer / admin console / スクリーンショット / デモ動画に使わない」という形で定められ、単なる配色の好みではなくプロダクト全体のデザイン上の制約として扱われます。

背景

この原則は kvtuber の設計ルールとして提示されました。kvtuber は「Agent-Executing VTuber」、つまりAIエージェント（ai-agent）の作業を自然言語で受け付け、記事・動画・URL・Gitコミットなどの実成果物を返すプロダクトです。長時間の視聴や操作に耐える明るく親しみやすいUIが求められるため、暗いサイバーパンク調ではなく白を基調としたスタジオ空間が採用されています。

kvtuber の公開紹介サイト（landing）も同じ White Studio デザインを共有しており、landing/index.html（英語）と landing/kvtuber.html（日本語）は共通の landing/styles.css を使用します。これにより、Vite ランタイム本体とは独立した静的ページでも一貫したブランドトーンが保たれます。

Kurage全体への適用

White Studio は kvtuber 固有の装飾ではなく、kurage シリーズ全体のブランドトーンとして機能します。exbridge が公開する多くのプロダクトは白基調・左上アイコン・共通ログインを採用しており、一貫した製品ファミリーとしての認知を形成します。このデザイン方針は、各プロダクトの公開画面や管理画面がそれぞれ別の実装（PHPゲートウェイやFastAPIなど）であっても、ユーザーには同一のサービス群として見えるようにする役割を担います。

White Studio

定義

背景

Kurage全体への適用

関連項目