厳選・オープン・無料

Socialclubparis

過剰なタイポグラフィのステートメントを持つ、洗練されたクリエイティブクラブとして提示されるグローバル広告エージェンシー。

01

デザイン DNA

大規模なタイポグラフィが主な建築要素となるミニマルなギャラリースペース。

02

カラー

厳密にモノクロ。ハイコントラストの黒と白を基調とし、暖色系ニュートラルカラーで奥行きを表現。

03

タイポグラフィ

grotesque-sans · monospaced-sans

• display157px · 400
• heading46px · 400
• body14px · 400

すべてのテキスト要素のデフォルトの変換は全角大文字（uppercase）。 · 大型タイポグラフィは単なる見出しではなく、主要な構成要素として機能する。 · 大型ディスプレイサイズでは、視覚的な一体感を保つため、狭い文字間隔を使用。

04

余白

多めの垂直パディング（例：57px、106px、150px）で、空気感のあるエディトリアルな雰囲気を創出。

05

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

インタラクティブなアウトラインやUI要素に、細い実線の黒ボーダーを使用。

06

レイアウト

巨大なタイポグラフィを持つフルワイドヒーローに続き、マソンリーライクなプロジェクト画像グリッド。

07

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

滑らかなホバーステートのため、すべての要素にグローバルな汎用トランジションを適用。 · 大規模なテキストと画像は独立してスクロールし、奥行きを生み出す。

カーソルはポインタのまま。要素はおそらく不透明度や微細なトランスフォームを変化させる。 · ローディングスピナーは表示されず、即座にレスポンス。

08

コンポーネント

• button 大文字ラベルとホバーエフェクトを持つ、ミニマルなテキストのみのボタン。
• card フルブリードの写真と明確なラベルを備えた、大型プロジェクトカード。
• chip カテゴリ指標（例：「● ADS」「● BRANDING」）に、実心ドットを使用。
• input 水平テキストとフラットなボタンアクションを持つクッキーコンセントバー。
• hero 巨大な「SOCIALCLUB」透かし印刷と中央配置テキストでビューポートを支配。

09

文体と禁止事項

• トーン プロフェッショナルでありながら、距離感があり、非常に自信に満ちている。
• 見出し 圧倒的に大きく、ミニマルで、タイポグラフィが支配的。
• CTA 控えめで大文字、全体的なミニマルな美学に統合。

• 鮮やかなアクセントカラーを使用しない — スクリーンショットは厳密に黒、白、暖色系ニュートラルのパレットを示している。
• 小文字と大文字を混在したテキストを使用しない — スクリーンショットはほぼ排他的に全角大文字（ALL-CAPS）を使用している。
• 重い影を使用しない — スクリーンショットはフラットで、ボーダーレスまたは細いボーダーのサーフェスを示している。
• セリフフォントを使用しない — スクリーンショットはクリーンで幾何学的な、または等幅のサンセリフのみを示している。
• 小さなヒーローテキストを使用しない — スクリーンショットはビューポートを埋め尽くすような、過剰な「SOCIALCLUB」テキストを示している。
• 伝統的なカードボーダーを使用しない — スクリーンショットは写真コンテンツとラベルで定義されるカードを示している。
• 装飾要素を使用しない — スクリーンショットは非常に抑制された、機能的な美学を示している。
• 避ける: カラフルなパレットや鮮やかなアクセントカラーの使用を避ける。
• 避ける: 装飾的なセリフ体や筆記体フォントを避ける。
• 避ける: ごちゃごちゃしたレイアウトや密なテキストブロックを避ける。
• 避ける: UI要素に重い影や3D効果を避ける。
• 避ける: UIや見出しに小文字テキストを避ける。
• 避ける: 十分な高品質のプロダクションバリューがない画像の使用を避ける。

10

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

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

11

System Prompt

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