同じ方向性(操作はシンプル、背景と発光でAIシステム感)で、見た目の作り方が違う2パターンです。レース一覧からレースをタップすると出馬表(AI予測・買い目)へ進みます。スマホでの確認を推奨します。
一覧・出馬表と同じ世界観(背景の動き・発光)で作ったログイン画面です。ライセンスキーと数字4桁のパスワードを入力して「ログイン」を押すと、認証演出のあとレース一覧(A-b)へ進みます(入力内容は送信されません)。「ログイン状態を保持」のチェックは置かず、ログイン後はその端末(ブラウザ)で約1週間保持される想定です。「パスワードをお忘れの方」はページ遷移せず、ホバー/タップで「担当者までご連絡ください」の吹き出しが出ます。
ログインページを開く→ ログイン後はレース一覧 A-b へ半透明のカード(面)で区切るタイプ。角丸で、選んだものがカードごと光ります。
レース一覧 A を開く→ レースをタップで出馬表へ| A カード型 | B ライン型 | |
|---|---|---|
| 区切り方 | 半透明カード(面)・角丸 | 罫線・発光する下線・左バー(線)・角は直線寄り |
| 開催日の選択 | 2つの丸みのあるボタン | 1つの枠を2分割したセグメント |
| 開催場の選択 | 3枚のタイル(選択中が光り、下に▼) | 3つのタブ(選択中の下線が光る) |
| レース行 | カード。R番号ボックス/条件チップ/AI本命+確信度バー | 罫線リスト。左に時刻とR/条件は1行テキスト/右に確信度のリングゲージ |
| 次のレースの強調 | カード全体が明滅+NEXTバッジ | 左の縦バーが明滅+NEXTバッジ |
| レース情報(出馬表上部) | 丸いR番号と条件チップのカード | 左バー付きのヘッダー。条件は1行で「|」区切り |
| AI予測の演出 | 進捗バー+日本語ログ → 確信度の数字+バー、印5頭のリスト、買い目はチップ | 端末風の英字ログ → 大きなリングゲージ+TOP3、△は1行、買い目は表 |
| 出馬表 | 表形式(枠・馬番・馬名/騎手・オッズ・人気・AI) | 行カード(枠色の中に馬番、馬名/騎手、右にAI指数とオッズ・人気) |
| 背景の動き | 速度 1.0×、通常の明るさ | 速度 0.5×、不透明度を下げ暗幕を濃くして控えめ |
| 共通 | 背景 TUNNEL、黒〜濃紺 × 青〜シアン、右上はユーザー名+メニュー(≡)、馬番順⇄AI順の切替、前後レース移動 | |