厳選・オープン・無料

Heatherwick Studio

建築作品の紹介に焦点を当てた、ミニマルで清潔なインターフェース。

01

デザイン DNA

1つの彫刻作品を展示する、清潔で空のギャララリースペース。

02

カラー

単一の控えめなブルーアクセントを持つ、ハイコントラストのモノクローム。

03

タイポグラフィ

transitional-serif

• display48px · 500

04

余白

豊かな余白。

05

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

細く、軽い線。

06

レイアウト

中央揃え、単一カラムに焦点。

07

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

スクロールトリガーによるフェード

繊細な透明度の変化。 · 即座の応答。

08

コンポーネント

• button ミニマルなテキストリンク。
• card 最小限の装飾で画像を重視。
• input 清潔で下線付きのフィールド。
• hero テキストオーバーレイ付きのフルブリードイメージ。

09

文体と禁止事項

• トーン プロフェッショナルで、自信に満ち、控えめ。
• 見出し 短く、インパクトのあるフレーズ。
• CTA 控えめで、テキストベース。

• 明るく彩度の高い色を使わない — スクリーンショットでは控えめなブルーアクセントが使われています。
• 遊び心のある丸みのあるタイポグラフィを使わない — スクリーンショットではトランジショナルセリフフォントが使われています。
• 多くのカラムを持つ複雑なグリッドレイアウトを使わない — スクリーンショットではシンプルで中央揃えのレイアウトが使われています。
• ドロップシャドウや奥行き効果を使わない — スクリーンショットではフラットな表面が使われています。
• 機能のない装飾的要素を使わない — スクリーンショットでは最小限の装飾が使われています。
• 密度が高く、テキストが多いレイアウトを使わない — スクリーンショットでは豊かな余白が使われています。
• 避ける: 目立つCTA
• 避ける: マーケティング用語
• 避ける: 雑然としたレイアウト

11

System Prompt

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