厳選・オープン・無料

Cassandratang Me

遊び心のあるマスコットと鮮やかなプロモーションオファーを特徴とする、大胆でハイエナジーなオンラインギャンブルプラットフォーム。

01

デザイン DNA

ハイエナジーなゲームとプロモーションに焦点を当てた、鮮やかなデジタルアーケード。

02

カラー

クリーンな白い背景に高コントラストなウォームアクセントを用い、エンゲージメントと興奮を駆動します。

03

タイポグラフィ

humanist-sans

• display48px · 700
• heading24px · 700
• body16px · 400
• caption14px · 400

ナビゲーションとCTAボタンには大文字を使用する · 本文テキストは十分な行間を確保し、高い可読性を維持する

04

余白

コンポーネント間の均一な間隔を確保する、標準の4pxベースグリッド。

05

サーフェス (角丸 / 影 / 罫線)

1px solid #ECECEC

0px 0px 10px 0px rgba(255, 215, 0, 0.8) · 0px 0px 20px 0px rgba(255, 215, 0, 0.6)

06

レイアウト

標準のトップナビゲーションバー、フルワイドのヒーローバナー、そしてコンテンツ豊かなグリッドレイアウトへの移行。

07

モーションとインタラクション

ホバーステートでのスムーズな不透明度とトランスフォームのトランジション · コンテンツ読み込み時のフェードイン効果

ボックスシャドウによる微細な色の変化と高さの変化。 · エンゲージメントを示すための、軽微なスケールまたは明るさの調整。

08

コンポーネント

• button 鮮やかなオレンジのグラデーションと大胆な大文字テキストを持つ、ピル形ボタン。
• card 高品質な大きな画像に、オーバーレイテキストと日付バッジを配置したカード。
• chip カテゴリや日付のための角丸ラベル。
• input フォーム用の、クリーンでボーダー付きの入力フィールド。
• hero 3Dキャラクターアートと大きく大胆なタイポグラフィを組み合わせた、フルワイドのプロモーションバナー。

09

文体と禁止事項

• トーン 興奮をそそる、プロモーショナルで、ややカジュアルな口調。
• 見出し 大胆で、大文字で、非常に記述的なもの。
• CTA 直接的で、行動を促し、視覚的に目立つもの。

• クールな青や緑を使わない — スクリーンショットでは主にウォームなオレンジと白のパレットが使われている
• 本文にセリフフォントを使わない — スクリーンショットではクリーンなhumanist-sans-serifが使われている
• ミニマルなレイアウトにしない — スクリーンショットでは忙しく、イラストレーションが豊富なデザインが使われている
• 細く控えめなボーダーを使わない — スクリーンショットでは目立つグロー付きボックスシャドウが使われている
• コントロールの効いた、彩度の低い色を使わない — スクリーンショットでは高彩度で鮮やかなアクセントが使われている
• プライマリナビゲーションに小文字を使わない — スクリーンショットではすべて大文字のラベルが使われている
• 避ける: 控えめな表現
• 避ける: 控えめなビジュアル
• 避ける: 複雑な技術用語

10

パック内の実スクリーンショット

実ページから取得 · 実 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko