厳選・オープン・無料
Race To The Bottom Onrender
社会的損害を評価するための、タイポグラフィ主導の高コントラストな編集インターフェース。
EditorialCalmTypographyCleanRestraint
01
デザイン DNA
社会的影響投票意見ミニマリズム
ミニマルなインターフェースとして提示された、厳格な社会批評作品。
02
カラー
#0A0A0AInk
#F0F0F0BG
rgba(10,10,10,1)Line
最大限の可読性と厳格さのために、明るいグレーの上に近黒を使用する厳格な無彩色パレット。
03
タイポグラフィ
didone-serif · monospace
- display
70px · 700 - body
16px · 400 - button
10px · 700
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
本文テキストブロック用の、一定の16px縦リズム。
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
見せるボーダーはなし。
06
レイアウト
680container
1columns
16pxgutter
768breakpoints
余裕のあるトップパディングを持つ、中央揃えのコンテンツカラム。
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
インタラクティブ要素上の標準ポインターカーソル。 · 投票オプションをトリガー。
08
コンポーネント
- button 白の大文字テキストを持つ、塗りつぶしの黒い長方形。
- hero 全画面の中央揃えタイポグラフィブロック。
09
文体と禁止事項
- トーン 客観的、深刻、分析的。
- 見出し 大きく、インパクトのあるセリフ字体のタイポグラフィ。
- CTA シンプルで、命令形。
- グラデーションを使用しない — スクリーンショットは塗りつぶしの背景を示している。
- 角丸を使用しない — スクリーンショットはシャープな角を示している。
- 装飾的なイラストを使用しない — スクリーンショットは純粋にタイポグラフィ要素のみを示している。
- 複数カラムレイアウトを使用しない — スクリーンショットは単一の中央揃えカラムを示している。
- 明るいアクセントカラーを使用しない — スクリーンショットは黒とグレーのみを示している。
- ヘッドラインにサンセリフを使用しない — スクリーンショットは太いディドン系セリフ字体を示している。
- 避ける: 遊び心のある言葉
- 避ける: 装飾的な要素
- 避ける: 曖昧さ
11
System Prompt
社会的影響を評価するための、厳格で深刻な編集ツールとして位置付けられている。パレットは厳格に無彩色:明るいグレーの背景に塗りつぶしの近黒テキスト。タイポグラフィは、ヘッドラインに太いディドン系セリフ字体、本文に等幅フォントを使用し、集中したテキスト中心の体験を創り出している。主要な設計上の制約:角丸やグラデーションは絶対に使用せず、レイアウトは厳密に単一カラム中央揃えで、装飾的な画像や明るいアクセントカラーはない。トーンは客観的で率直。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗
en · zh-CN · zh-TW · ja · ko