厳選・オープン・無料

Flos

ミニマルでエディトリアルな美学を持つ、プレミアム・イタリアン・照明ブランド。

01

デザイン DNA

高級照明デザインのギャラリーカタログ。

02

カラー

ハイコントラストの写真が支配的。テキスト色は明暗のコンテキストに応じて反転します。

03

タイポグラフィ

humanist-sans

• display64px · 800
• heading40px · 600
• body16px · 400

04

余白

見出しには寛裕なホワイトスペースと tight な文字間隔。

05

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

コンテキストに応じて、1px solid #000000 または #FFFFFF。

rgba(0, 0, 0, 0.15) 0px 4px 16px 0px

06

レイアウト

テキストをオーバーレイしたフルブリードヒーロー画像。グリッドベースの製品カード。

07

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

滑らかなフェードイントランジション · ホバー時のスケール変換

微妙な透明度または背景色のシフト。 · 標準のポインターカーソル。

08

コンポーネント

• button 1px solid のボーダーを持つゴーストボタン。テキストはすべて大文字。
• card 目立つボーダーやシャドウのない、画像重視のカード。
• hero 左寄せの白いテキストを持つ、フルスクリーンの写真背景。

09

文体と禁止事項

• トーン 洗練された、建築的で抑制の効いたトーン。
• 見出し 太字、すべて大文字またはタイトルケース。句読点は最小限。
• CTA すべて大文字のゴーストボタンスタイル。

• 明るく彩度の高いカラーは使用しない — スクリーンショットには黒、白、マットなグレーが主導するパレットが示されています。
• 主要要素に角丸を使用しない — スクリーンショットにはシャープなエッジまたは非常に控えめな角が示されています。
• カードに重いドロップシャドウを追加しない — スクリーンショットにはフラットで画像主導のレイアウトが示されています。
• 装飾的またはスクリプトフォントを使用しない — スクリーンショットにはすべてのテキストにクリーンな humanist sans-serif が使用されています。
• ヒーローセクションを複数の CTA で雑踏させない — スクリーンショットには単一の明確な「DISCOVER MORE」ボタンが示されています。
• テキストの背後に雑踏した背景を使用しない — スクリーンショットには暗いオーバーレイまたは単色の背景で可読性が確保されています。
• 避ける: 派手なカラー
• 避ける: 遊び心のあるフォント
• 避ける: 過剰な UI クローム
• 避ける: 重いシャドウ

10

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

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

11

System Prompt

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