厳選・オープン・無料
Bloobies Art
オンラインpokiesプラットフォーム向けのハイコントラスト、ダークテーマのプロモーションサイト。
SaaSBold TypographyClean
01
デザイン DNA
gamingonline casinopokiesboldminimalist
オンラインゲーミングへの洗練されたデジタルゲートウェイ。鮮明なコントラストで即座のアクションを促す。
02
カラー
#00ff00Accent
#ffffffInk
#999999Ink soft
#000000BG
#0a0a0aBG quiet
#555555Muted
rgba(0, 255, 0, 0.2)Line
ハイコントラストなダークモードをベースに、エレクトリックグリーンのアクセントで重要なCTAとブランド要素を強調。
03
タイポグラフィ
grotesque-sans
- display
56px · 900 - heading
24px · 700 - body
16px · 400
セカンダリナビゲーションと小さなラベルには全て大文字を使用。 · 大きなディスプレイテキストにはタイトな文字间距を維持。
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
4pxグリッドを採用。縦方向の十分なパディングでセクションを明確に分離。
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
全てのインタラクティブ要素とコンテナにシャープで角丸のないエッジを採用。
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
2カラムに分割されたフルワイドのヒーローセクションに続き、ゲームカードの水平グリッドを配置。
07
モーションとインタラクション
150msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
インタラクティブ要素への微細なホバーステート。複雑なアニメーションは見当たらない。
プライマリーボタンとリンクに、色の変化または微細な明度の変化。 · 顕著なスケール変更なしに、即座の視覚フィードバック。
08
コンポーネント
- button ハイコントラストな矩形ボタン。実体の背景とシャープな角を持つ。
- card 最小限のボーダーを持つシンプルな矩形カード。主にゲームサムネイルに使用。
- chip 微細な背景コントラストを持つ、小文字のテキストラベル。
- input 明確には不明だが、全体的な美的コンセプトに合わせて角張っている可能性が高い。
- hero フルハイトのダーク背景セクション。巨大で太字のタイポグラフィと目立つCTAを配置。
09
文体と禁止事項
- トーン 直接的で緊迫感があり、プロモーション重視。
- 見出し 注意を喚起するため、巨大で太字、多くの場合全て大文字。
- CTA ハイコントラストなボタンに、「PLAY NOW」や「LOGIN」のような短く命令形のフレーズ。
- 角丸を使用しない — スクリーンショットでは、全てのボタンとカードにシャープな90度の角が確認できる。
- ソフトでくすんだカラーパレットを使用しない — スクリーンショットでは、鮮明な黒、白、エレクトリックグリーンの配色が確認できる。
- 装飾的なシャドウを使用しない — スクリーンショットでは、奥行きの手がかりのないフラットな表面が確認できる。
- セリフ体やヒューマニスト書体を使用しない — スクリーンショットでは、太字の現代的なグロテスクサンスが確認できる。
- 複雑なグラデーションやオーバーレイを使用しない — スクリーンショットでは、実体のカラーブロックとハイコントラストなテキストが確認できる。
- 遊び心のある有機的な形状を使用しない — スクリーンショットでは、厳密に矩形で線形の構成が確認できる。
- 避ける: 微細なグラデーション
- 避ける: ソフトなシャドウ
- 避ける: 角丸
- 避ける: くすんだ色
- 避ける: 複雑なアイコノグラフィ
- 避ける: 装飾的要素
11
System Prompt
オンラインpokiesプラットフォームのためのプロモーションウェブサイト。デザインは、黒の背景(#000000)と鮮やかなエレクトリックグリーンのアクセント(#00ff00)を使用した、鮮明でハイコントラストなダークモードが特徴。ヘッドラインには太字で全て大文字のグロテスクサンス書体が主に使用され、緊迫感とインパクトを生み出している。主要な要素は角張った矩形で、角丸やソフトなシャドウはない。重要なデザイン制約:1) ダーク背景と明るいアクセントの極端なコントラストを維持。2) すべてのUIコンポーネントにシャープで角丸のないジオメトリを採用。3) 視覚言語をミニマリストで直接的に保ち、装飾的要素や微細なグラデーションを避ける。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗
en · zh-CN · zh-TW · ja · ko