Soussfurniture · デザイン DNA

インタラクティブなテキスト駆動ナビゲーションを通じて家具作品を紹介する、ミニマルな製品カタログ。

デザイン DNA

カラー

#000000Ink

#D6D5CFBG

#666666Muted

rgba(0,0,0,1.0)Line

絶対的なモノクローム。くすんだ暖色系グレーのキャンバスに、色相変動のない黒のテキストを配置。

タイポグラフィ

すべてのテキストウェイトは一定の400 · アンダーラインは、アクティブ/選択された製品状態を示す · ナビゲーションは文頭大文字（sentence case）を使用し、装飾的なスタイルは無し

余白

4px

8px

16px

20px

24px

32px

48px

64px

ゆったりとした垂直リズム。インタラクティブ要素の周囲には十分な余白を設ける。

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

目に見えるボーダーは不使用。レイアウトはタイポグラフィとネガティブスペースのみに依存。

レイアウト

固定ヘッダー、中央揃えテキストブロック、浮遊する製品シルエットを持つ非対称レイアウト。

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

製品シルエットの状態間トランジション · ホバー/選択時のテキストアンダーライン表示 · すべてのインタラクティブ要素に対する滑らかなトランジション

製品名の下にアンダーラインが表示 · 製品シルエットが変化し、テキスト状態が更新

コンポーネント

文体と禁止事項

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

System Prompt

Souss Furnitureは家具作品のためのミニマルな製品カタログです。デザインはモノクロームパレットを使用：背景 #D6D5CF、テキスト #000000。タイポグラフィはジオメトリックサンセリフ（acumin-pro）で、通して400ウェイト。製品一覧は48px、ナビゲーションは16px。レイアウトは非対称で、固定トップヘッダー、中央揃えテキストブロック、浮遊する製品シルエット。インタラクションは、テキストのアンダーラインで選択状態を示します。重要な制約：ビビッドなカラーを絶対に追加しない — デザインは厳密にモノクローム。太いフォントウェイトを使用しない — すべてのテキストは400ウェイト。カードベースのレイアウトを作成しない — 製品はシルエットとして浮遊。装飾的なボーダーを追加しない — 区切りは純粋にタイポグラフィによる。複数のフォントファミリーを使用しない — 一貫性が鍵。シャドウ効果を追加しない — デザインは完全にフラット。

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗ · このパック（エージェント用） ↗