厳選・オープン・無料

Acne Studios

巨大なスケール、モノクロームパレット、クリーンな撮影に定義される、ミニマルなハイファッション小売。

01

デザイン DNA

衣類だけが唯一の色を添える、モノクロームのギャラリー。

02

カラー

厳格にモノクロームであり、製品のみが唯一の視覚的な変動を提供します。

03

タイポグラフィ

grotesque-sans · humanist-sans · monospace

• display120px · 500
• caption12px · 400

すべてのナビゲーションおよびカテゴリーラベルには、大文字変換が標準です。 · 巨大なディスプレイテキストと小さなユーティリティテキストの両方に対し、 tightened（ tightened）な字間が適用されます。 · タイポグラフィは純粋に機能的であり、イメージのためのニュートラルなグリッドとして機能します。

04

余白

ミクロな間隔には Tight な 4px ベーススケールが使用され、マクロな間隔は巨大なイメージによって決定されます。

05

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

インタラクティブ要素には 1px solid black、それ以外はボーダーレス。

0px 1px 0px 0px rgb(242, 242, 242) inset

06

レイアウト

構造化されたコンテナよりも、フルブリードのエディトリアルイメージを好むボーダーレスで流動的なグリッド。

07

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

ホバー時の微細な透過度トランジション · フルブリード画像スワップ

テキストリンクにおける微細な透過度の低減または色の反転。 · 重いタクタイルフィードバックなしの即座のトランジション。

08

コンポーネント

• button ボーダーレスなテキストリンク、または 1px のボーダーと Tight なパディングのみで定義されたミニマルなボックス。
• card ミニマルなテキストラベルが上に浮遊する、ボーダーレスな画像コンテナ。
• chip N/A
• input Tight なパディングを持つ、最小限のアンダーラインまたはボーダー付きテキストフィールド。
• hero フルブリード、高解像度の写真に巨大なタイポグラフィオーバーレイ。

09

文体と禁止事項

• トーン 直接的、無関心、かつ権威的。
• 見出し 巨大で重みのあるグロテスク・サンセリフオーバーレイ。
• CTA 小さな、大文字で、非常にトラッキングされたユーティリティテキスト。

• 角丸や柔らかいシャドウを使用しない — スクリーンショットでは鋭いエッジとフラットなインセットシャドウが示されています。
• 鮮やかまたは多様なカラーパレットを使用しない — スクリーンショットでは厳格にモノクロームの要素が示されています。
• 中程度のサイズの見出しを使用しない — スクリーンショットでは巨大なディスプレイか小さなキャプションの二進法スケールが示されています。
• 文頭大文字のナビゲーションを使用しない — スクリーンショットではすべてのテキストが大文字です。
• 装飾的なセリフまたはスクリプトフォントを使用しない — スクリーンショットでは純粋に機能的なグロテスクとモノスペースフォントが示されています。
• すべてのテキストを中央揃えにしない — スクリーンショットではナビゲーションとラベルに対して厳格な左揃えグリッドが示されています。
• 避ける: 柔らかい曲線や装飾的な要素
• 避ける: 暖色のパレット
• 避ける: 過度なパディングや余白
• 避ける: 記述的またはマーケティング重視のコピー

10

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

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

11

System Prompt

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