厳選・オープン・無料

Angelvaliente

ミニマルなデザインスタジオのポートフォリオ。

01

デザイン DNA

デザインスタジオの作品を厳選したギャラリー。オブジェクトと空間を優先する。

02

カラー

黒と白を基調とし、写真から得られる暖かみのあるニュートラルを加えた、厳格でハイコントラストのパレット。

03

タイポグラフィ

humanist-sans · monospace

• display32px · 400
• body17px · 400

すべてのテキストは大文字。 · すべてのテキストに広めの文字間隔を適用。 · フォントウェイトは厳密にレギュラー（400）。

04

余白

インタラクティブ要素に一様な26pxのパディングを適用。

05

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

UIの目立つ境界線はなし。レイアウトと写真で区切りを実現。

06

レイアウト

ポートフォリオアイテムの非対称メイソンリーグリッドレイアウト。

07

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

内容の読み込みのためのフェードイン・フェードアウト遷移。 · ホバーまたはインタラクション時の滑らかな透過度変化。

透過度や微細な動きなど、微細な変化。 · プロジェクト詳細への直接ナビゲーション。

08

コンポーネント

• button テキストベースまたはアイコンの最小限のボタン。しばしばポインターカーソル。
• card 最小限のテキストラベルを伴う大規模写真ブロックとして提示されるポートフォリオアイテム。
• chip チップは存在しない。
• input 提供されたスクリーンショットには、目立つ入力フィールドはない。
• hero オーバーレイまたは隣接する最小限のテキストを伴う、フルブリードの高品質写真。

09

文体と禁止事項

• トーン ミニマルで、プロフェッショナル、かつ直接的。
• 見出し 大文字、広めのトラッキング、レギュラーウェイト。
• CTA 控えめ。しばしばテキストのみ、またはアイコン。

• 太字や斜体のフォントを使わない — スクリーンショットではレギュラーウェイトのテキストのみ。
• 装飾的な境界線やボックスを使わない — スクリーンショットでは境界線のないクリーンなレイアウト。
• 複雑なカラフルな背景を使わない — スクリーンショットではプレーンな白や暖かいベージュの背景。
• ナビゲーションやタイトルに小文字を使わない — スクリーンショットではすべてのテキストが大文字。
• 複雑な影や3D効果を使わない — スクリーンショットではフラットな写真とUI。
• 高彩度のアクセントカラーを使わない — スクリーンショットでは写真から色がくるニュートラルパレット。
• 避ける: 過度な句読点
• 避ける: 説明的なテキスト
• 避ける: 太字や斜体のスタイル
• 避ける: 装飾的な要素

10

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

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

11

System Prompt

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