厳選・オープン・無料
Houseplant
ホームグッズと厳選されたアクセサリーにフォーカスした、温かみのあるプレミアムライフスタイル e-commerce ブランド。
ConsumerPremiumWarmPhotographicCuration
01
デザイン DNA
ライフスタイルホームグッズ温かみラグジュアリーレジャー
温かく、親しみやすい美学で、厳選されたホームグッズとアクセサリーを提供する高級ライフスタイルブランド。
02
カラー
#FFFFFFInk
#2B2320BG
rgba(255, 255, 255, 0.3)Line
温かみのあるダークベースに、高コントラストの白いテキストを配し、ラグジュアリーで落ち着いた雰囲気を演出。
03
タイポグラフィ
condensed-sans · sans-serif
見出しにはインパクトのある、太字のコンデンス sans-serif を使用。 · 本文には可読性を重視したクリーンな標準 sans-serif を使用。 · ボタンラベルや補助テキストにはすべて大文字を使用。
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
主要な要素の周りに十分な余白を持つ、一定の 4px ベースグリッド。
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
1px solid rgba(255, 255, 255, 0.3)
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
左に大きな写真パネル、右にフォーカスされたコンテンツパネルを配置したスクリーン分割レイアウト。
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
モーダルまたはオーバーレイの出現
ボタンの微細なフィルまたはボーダーカラーの変化。 · 選択に対する即時フィードバック。
08
コンポーネント
- button 角がシャープなアウトラインスタイルで、大文字テキストと十分なパディングを使用。
- card N/A
- chip N/A
- input N/A
- hero 片側にフルブリードの写真、もう片側にダークでテキストにフォーカスしたパネルを持つ、スクリーン分割のプロモーションオーバーレイ。
09
文体と禁止事項
- トーン 親しみやすく、洗練され、率直。
- 見出し 太字でインパクトがあり、簡潔(例:「10% OFF の特典です」)。
- CTA 明確で行動を促し、カテゴリ固有(例:「SCENT」「FURNITURE」)。
- 柔らかく、丸みのある UI 要素を使用しない — スクリーンショットにはシャープな角の矩形ボタンが表示されています。
- 明るい、またはネオンのアクセントカラーを使用しない — スクリーンショットには抑制されたダークパレットが使われています。
- 装飾的、またはスクリプト書体を使用しない — スクリーンショットではクリーンなコンデンス sans-serif フォントが使われています。
- レイアウトを散らかさない — スクリーンショットでは十分な余白と、フォーカスされたスクリーン分割構造が維持されています。
- 遊び心のある、またはカートゥーン風のイラストを使用しない — スクリーンショットでは高品質でリアルな写真が使われています。
- 明るい背景を使用しない — スクリーンショットではインタラクティブパネルに深いダークブラウンが使われています。
- 避ける: 過度に技術的な専門用語
- 避ける: 騒がしく、攻撃的なセールス言葉
- 避ける: 一般的なマーケティングフレーズ
11
System Prompt
Houseplant は、ホームグッズと厳選されたアクセサリーにフォーカスしたプレミアムライフスタイル e-commerce ブランドです。デザイン DNA は、深い温かみのあるダークブラウン(#2B2320)の背景と、鮮やかな白いテキストのコントラストによって支えられています。タイポグラフィは、インパクトのある見出しには太字のコンデンス sans-serif、本文にはクリーンな sans-serif を使用しています。レイアウトは、大きな写真パネルとフォーカスされたダークコンテンツエリアを備えたクリーンなスクリーン分割です。主な禁止事項:角の丸みを避け、明るいネオンのアクセントを避け、散らかったレイアウトを避けること。全体的な雰囲気は洗練され、温かく、親しみやすいものです。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗
en · zh-CN · zh-TW · ja · ko