厳選・オープン・無料

Bbastudio Eu

作品自身に語らせる、写真主導のミニマルデザインスタジオポートフォリオ。

01

デザイン DNA

静かなラグジュアリー小売店舗、またはハイエンド建築ジャーナル

02

カラー

UIには厳格なモノクロムを採用し、プロジェクト写真がすべてのカラーを提供する。

03

タイポグラフィ

humanist-sans

• body14px · 400
• logo48px · 400

すべてのテキストは一貫してウエイト400で設定する。 · コンパクトな情報表示のため、tightなline-heightを採用する。

04

余白

不規則な間隔。写真コンテキスト内の視覚的整列を優先する。

05

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

標準要素には1px solid rgb(229, 231, 235)、特定のオーバーレイには1px solid rgb(255, 255, 255)。

06

レイアウト

絶対位置指定のテキスト要素を含むフルビューポート写真ヒーローセクション。

07

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

微かなパララックスやドリフトのための、極めて遅い連続背景変換（30秒間）。

プライマリインタラクション用のカスタムカーソル（arrow-d2.svg）。 · テキストリンクには標準ポインタ。

08

コンポーネント

• button 目立つ従来型ボタンは存在しない。ナビゲーションはテキストリンクに依存する。
• card 従来型カードは存在しない。レイアウトはフルブリードイメージに依存する。
• chip ピル型ページネーションドット（borderRadius: 9999px）。
• input 目立つ入力フィールドは存在しない。
• hero ミニマルなテキストオーバーレイを伴うフルスクリーン写真背景。

09

文体と禁止事項

• トーン 静かで、自信があり、建築的
• 見出し インパクトにはイメージに依存する最小限のテキスト
• CTA 「Explore」のような控えめなテキストベースのプロンプト

• 鮮やかなグラデーションを使用しない — スクリーンショットでは厳格にモノクロムなUIパレットが示されている。
• 重いドロップシャドウを使用しない — スクリーンショットでは完全にフラットなUI要素が示されている。
• 太いボーダーを使用しない — スクリーンショットでは1pxの控えめなボーダー、または根本没有が示されている。
• 遊び心のある丸みのある形状を使用しない — スクリーンショットでは鋭いエッジ、またはピル型ナビゲーションドットが示されている。
• テキストの背後に雑然とした背景を使用しない — スクリーンショットでは明確な写真の被写体、または空白に依存している。
• 太いフォントウエイトを使用しない — スクリーンショットではウエイト400のみのテキストが示されている。
• 避ける: 過密なUI
• 避ける: 鮮やかなカラーパレット
• 避ける: 装飾的タイポグラフィ

10

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

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

11

System Prompt

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