厳選・オープン・無料

Lauramonin

ファッションおよびテキスタイルデザイナー向けの、ミニマルでフォトドリブンなポートフォリオ。

01

デザイン DNA

ファッションデザイナーの最新コレクションを展示する、厳選されたギャラリーウォール

02

カラー

写真を主役にするためのハイコントラストなモノクロムベース。

03

タイポグラフィ

transitional-serif · grotesque-sans

• display158px · 400
• heading14px · 400
• body12px · 400

大きなプロジェクトタイトルにはセリフフォントを使用する。 · すべての機能的・ナビゲーションテキストにはグロテスクサンセリフを使用する。 · 小さなラベルやナビゲーションリンクには大文字変換を適用する。

04

余白

セクション間に適度な縦のパディングを設け、空気感と落ち着きのある印象を生み出します。

05

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

目立つ境界線は使用せず、豊かなホワイトスペースと重なり合う画像構成によって区切りを実現します。

06

レイアウト

画像を自由に重ねたグリッド状のレイアウトで、中央に大きなタイトル要素を配置します。ナビゲーションは上端に配置します。

07

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

遅く滑らかなページトランジションと要素の出現効果

インタラクティブな要素に、控えめな不透明度やトランスフォームの変化を適用します。 · 標準的なリンクナビゲーション。

08

コンポーネント

• button 明確なボタンコンポーネントはなく、テキストベースのリンクでナビゲーションします。
• card 画像が主要なコンテンツユニットとなり、コラージュスタイルで重なり合います。
• chip 目立つものはありません。
• input 目立つものはありません。
• hero 重なり合う写真で構成されたダイナミックなコンポジションと、中央に配置された大きなタイトル。

09

文体と禁止事項

• トーン 洗練され、芸術的で、控えめ。
• 見出し ボディテキストのサンセリフと対照的な、大きく表現豊かなセリフ体のタイトル。
• CTA シンプルで飾り気のないテキストリンク。多くは大文字表記。

• 目立つ境界線やカードを持つグリッドを使用しない — スクリーンショットは重なり合う自由なコラージュ形式を示しています。
• アクセントカラーを複数使用しない — スクリーンショットはテキストとUIに厳格なモノクロムパレットを使用しています。
• タイトルに太字のサンセリフを使用しない — スクリーンショットはディスプレイタイポグラフィに洗練されたセリフ体を使用しています。
• 画像にドロップシャドウを追加しない — スクリーンショットはフラットで重なり合う写真を使用しています。
• 多くのUI要素でインターフェースを雑踏させない — スクリーンショットは広大なホワイトスペースと最小限のコントロールを示しています。
• 太い境界線や区切り線を使用しない — スクリーンショットはビジュアル階層を生み出すためにスペーシングとオーバーラップに依存しています。
• 避ける: 派手なコール・トゥ・アクションボタン
• 避ける: 装飾的なアイコン
• 避ける: ごちゃごちゃしたインターフェース

10

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

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

11

System Prompt

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