厳選・オープン・無料
Cardsagainsthumanity
人気パーティゲームのための、ミニマリストで引きの効いたハイコントラストのeコマースサイト。
PlayfulConsumerBold TypographyEditorialClean
01
デザイン DNA
挑発的不遜なアダルトパーティゲームミニマリスト
衝撃的なジョークが詰まった、引きの効いた黒と白の箱。
02
カラー
#FFFFFFInk
#000000BG
#808080Muted
rgba(255, 255, 255, 1)Line
ハイコントラストの黒と白のみを使用し、物理製品を反映します。
03
タイポグラフィ
grotesque-sans
- display
80px · 800 - heading
55px · 800 - subheading
40px · 800 - body
20px · 400 - small
14px · 400
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
4px刻みの柔軟なグリッドに基づくリズム。
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 13px
lg · 20px
pill · 999px
背景に応じて2px solid #FFFFFFまたは#000000
なし
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
十分な余白を備えた、中央揃えのコンテンツ。
07
モーションとインタラクション
220msmicro
300mssmall
400msmedium
cubic-bezier(0, 0, 0, 1)easing
滑らかなスクロールとホバーのトランジション。 · カード回転のためのCSS transform。
テキストリンクの微妙な下線、または軽微な背景の変化。 · 直接的なナビゲーション。
08
コンポーネント
- button 下線または円形矢印アイコンを持つ、シンプルなテキストリンク。
- card 物理的なトランプカードを模した、黒いテキストを持つ回転した白色長方形。
- input ボトムボーダー付きのミニマリストなテキストフィールド。
- hero 漆黒の背景上に、散在し重なった物理カードグラフィック。
09
文体と禁止事項
- トーン 不遜で率直、かつ意図的に挑発的。
- 見出し 極めて大きく、太字で、小文字または標準の大文字表記。
- CTA ミニマリストで、直接的かつ飾り気なし。
- パステルカラーやソフトな色を使わないこと — スクリーンショットは厳密な黒と白を示しています。
- セリフフォントを使わないこと — スクリーンショットはクリーンで太字のサンセリフを示しています。
- ドロップシャドウやソフトなグラデーションを使わないこと — スクリーンショットはフラットでハイコントラストな要素を示しています。
- カードを厳格なグリッドに整列させないこと — スクリーンショットは随意に散在し回転していることを示しています。
- 従来のパディングやマージンを使わないこと — スクリーンショットは、時に重なり合う余白を十分に取っていることを示しています。
- プライマリ要素に角丸を使わないこと — スクリーンショットは角が鋭いか、わずかに角丸の長方形カードを示しています。
- 避ける: ソフトな色やパステルカラー
- 避ける: 角丸のフレンドリーなUI要素
- 避ける: 複雑なアニメーション
- 避ける: セリフフォント
- 避ける: 従来のマーケティング用語
10
パック内の実スクリーンショット
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
パーティゲームのための、引きの効いた不遜なeコマースサイト。ハイコントラストの黒と白のカラーパレット（16進値 #000000 および #FFFFFF）のみを使用し、アクセントカラーは使用しません。タイポグラフィは、最大80pxまで巨大なスケールの太字のサンセリフ（Helvetica Neue）。レイアウトは、角度をつけて回転し重なるカードコンポーネントが散在しています。重要な禁止事項：パステルカラーは決して使用せず、セリフフォントは決して使用せず、ドロップシャドウは決して使用せず、要素を厳格なグリッドに整列させることは決してせず、従来のソフトUIは決して使用せず、過剰なパディングは決して使用しないこと。
en · zh-CN · zh-TW · ja · ko