1win

難易度:
業界スタイル
1win プレビュー

プレビュー

デザイントークン

公式ブランド資料とこのスタイルのプロンプトから導出した主要トークン。コピーするか、下の DESIGN.md と合わせて利用できます。

カラー

  • primaryブランドカラー

    主要アクションとハイライト

  • on-primary推定

    プライマリ上のテキスト

  • secondary推定

    タグ、バッジ、副次的な強調

  • on-secondary推定

    セカンダリ上のテキスト

  • neutralプロンプト

    ページ背景

  • on-neutral推定

    背景上のテキスト

  • surface推定

    カード、パネル、オーバーレイ

  • on-surface推定

    サーフェス上のテキスト

  • border推定

    ボーダーと区切り線

角丸と形状

プロンプト
sm · 8px
md · 16px
lg · 24px
full

スペーシング

プロンプト
  • sm8px
  • md12px
  • lg24px

シャドウとエレベーション

プロンプト

階層は柔らかく低コントラストのシャドウで表現します。

タイポグラフィ

プロンプト
  • Ag

    見出し 32px · ボールド

    Inter

  • Ag

    本文 16px · レギュラー

    Inter

  • Ag

    ラベル 13px · ミディアム

    Inter

1win は暗号資産カジノとスポーツブックを、ほぼ黒の #141415 キャンバスに詰め込んだアプリライクな画面です。Inter は 600 と 800 のみを使い、登録とベット確定は緑 #00b24b、ログイン・リンク・ライブオッズは電気的な青 #0075ff が担います。構造は #2e3035 のサーフェスと細いヘアラインだけで組み立て、左のアイコンレールと横スクロールのゲーム列により、彩度はすべてサムネイル画像が供給します。

1winメディアと消費

プロンプトテンプレート

基本テンプレート
Design a 1win-inspired interface. - Near-black #141415 canvas with a flat #2e3035 surface ladder — depth from tone and faint hairlines, never heavy shadows; - Inter at 600 and 800 only, with 800 reserved for bonus figures and section headlines; - Two-signal actions: green #00b24b for registration and confirm, electric blue #0075ff for login, links, active tabs and live odds; - Full-bleed game tiles at 16px radius in horizontally scrolling rails, artwork supplying all saturation; - Fixed left icon rail plus docked betslip panel, 8px spacing base, 10–12px button radii. Colors: #141415, #2e3035, #00b24b, #0075ff, #f0f2f5 with #00b24b accent. Typography: Inter (600/800).

バリエーションプロンプト

📱 モバイル
Design a mobile app with 1win aesthetics. Use 1win color identity with #00b24b accents. Compact bottom nav, edge-to-edge game carousels, and a betslip that rises as a bottom sheet.
💻 Web
Design a web application with 1win style. Use 1win color identity with #00b24b accents. Fixed icon rail, dense game rails, and a persistent right-hand betslip.
📊 ダッシュボード
Design a dashboard with 1win design language. Use 1win color identity with #00b24b accents. Live odds tables, balance tiles, and blue-highlighted market movement.
📄 ランディングページ
Design a landing page with 1win visual identity. Use 1win color identity with #00b24b accents. Full-bleed bonus banner, green registration CTA, and a rail of game thumbnails.

使用例

1win ゲームロビー

Web
Build a web game lobby with 1win design language: near-black canvas, fixed left icon rail, horizontally scrolling rails of full-bleed 16px-radius tiles, and green #00b24b registration CTA.

1win ライブオッズパネル

ダッシュボード
Create a live betting dashboard using 1win style: #2e3035 match rows, compact odds chips with blue #0075ff selected states, and a docked betslip confirming with green #00b24b.

✅ 適した用途

  • 暗号資産カジノとスポーツブックのフロント画面
  • 高密度なゲーム一覧とボーナス特集ページ
  • ライブオッズとベットスリップのダッシュボード

❌ 適さない用途

  • 余白を活かした静かなブランドサイト
  • 子どもや家族向けのプロダクト

DESIGN.md ファイル

design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。

ダウンロード