厳選・オープン・無料

Cupofcouple

ファッション、旅行、デザインをエディトリアルの精度で記録する、洗練されたデジタル・ジャーナル。

01

デザイン DNA

ハイエンドなライフスタイル写真のキュレーションされたギャラリー。

02

カラー

写真を優先する、厳格な幾何学的ボーダーを持つミニマリストなモノクローム・パレット。

03

タイポグラフィ

didone-serif · humanist-sans

• display56px · 400
• heading32px · 400
• body16px · 400
• small10px · 400

見出しには高いストローク・コントラストを持つエレガントなディドン・セリフ。 · ナビゲーションとメタデータには、十分な文字間隔をもつクリーンで大文字のサンセリフ。 · 本文は洗練された低コントラストな外観のため、一貫した400のウェイトを維持。

04

余白

カード用の適切な内部パディングと、グリッド用の構造的な垂直方向のスペーシング。

05

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

rgba(0, 0, 0, 0.8)を使用した薄い1pxボーダーで、厳格なグリッド構造を生成。

1px 0px 0px 0px rgba(240, 240, 240, 1)

06

レイアウト

構造的な仕切りとして機能する、可见なボーダーラインを持つ厳格な矩形グリッド。

07

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

hover時のスムーズなopacityトランジション（0.25秒、リニア、0.2秒遅延）。 · インタラクティブ要素に対する一般的な0.3秒のトランジション。

テキストリンクと画像の微細なopacity変化。 · 標準的なポインターカーソルのインタラクション。

08

コンポーネント

• button 背景塗りつぶしなしの大文字テキストリンク。
• card 薄い内部ボーダーを持つ画像中心のカード。ヘアラインのグリッド線で分離。
• chip 縦線（|）で区切られた最小限のテキストタグ。
• input 可见なボーダーや背景を持たないシンプルなテキストフィールド。「検索...」とラベル付き。
• hero 焦点となる巨大な、中央揃えのディスプレイ・セリフ・ロゴ。

09

文体と禁止事項

• トーン 洗練され、ミニマルで、キュレーションされている。
• 見出し 高いビジュアル・ウェイトのための、大文字のエレガントなセリフ・タイポグラフィ。
• CTA 目立つボタンのない、控えめでテキストベースのナビゲーション。

• ビブラントなアクセントカラーを使用しない — スクリーンショットは厳格なモノクローム・パレットを示している。
• 角丸を使用しない — スクリーンショットは鋭くゼロ半径のエッジを示している。
• depthのためのドロップシャドウを使用しない — スクリーンショットは構造のために薄いボーダーを使用している。
• boldなフォントウェイトを使用しない — スクリーンショットはすべてのテキストに一様な400のウェイトを示している。
• 見出しにサンセリフを使用しない — スクリーンショットはすべてのタイトルにセリフ・タイポグラフィを示している。
• 雑然としたレイアウトを使用しない — スクリーンショットはヘアラインの仕切りを持つ、ゆとりのあるグリッド・ベースの構造を使用。
• 避ける: ビブラントなカラー
• 避ける: 角丸
• 避ける: levationのためのシャドウ

10

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

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

11

System Prompt

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