厳選・オープン・無料

Octaevo

キュレーションされたホームデコとペーパーベースを販売する、プレミアムでアーティフルなライフスタイルブランド。

01

デザイン DNA

ライフスタイルオブジェクトのキュレーションされたギャラリー

02

カラー

落ち着いたパステルカラーと温みのあるオフホワイトを主体とした柔らかなエディトリアルなパレット。これにより、写真が主役となります。

03

タイポグラフィ

transitional-serif · geometric-sans

• display50px · 400
• display32px · 400
• body17px · 400
• body15px · 400

04

余白

エディトリアルで高級感を強調する、豊かで空気感のあるスペーシング。

05

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

ボタンやアウトラインに主に使用される、ダークな色または控えめなopacityの細い1pxボーダー。

rgba(0, 0, 0, 0.03) 0px 2px 4px 0px

06

レイアウト

大きな写真とテキストブロックが交互に現れる分割画面ヒーローレイアウト。強力なエディトリアルなリズムを生み出します。

07

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

スクロール時に出現する要素の滑らかなフェードトランジション · インタラクティブ要素のhover時のopacityトランジション

テキストやボタンに対する微妙なopacityの変化や色の変化。 · トランジション効果を伴う即座の応答。

08

コンポーネント

• button シンプルな長方形のボタンで、細いダークボーダー、背景塗りつぶしなし、ダークなテキスト。
• card 高品質な写真と大きなタイポグラフィに大きく依存するミニマリストなカード。
• chip 「ホームデコ」などのカテゴリ向けのシンプルな小さなテキストラベル。
• input 可见のヒーローエリアでは目立って使用されていません。
• hero 一方に大きな写真、もう一方に見出しとCTAを持つテキストブロックを配置した分割画面またはフル幅レイアウト。

09

文体と禁止事項

• トーン 詩的で、エレガントかつ記述的。
• 見出し 製品を単に説明するのではなく、雰囲気を喚起する大きな詩的な見出し（例：「緑の詩」）。
• CTA シンプルで、直接的かつ控えめ（例：「今すぐ購入」）。

• 明るく彩度の高いプライマリカラーを使用しない — スクリーンショットは#FDF8EBや#F8EEEEのような落ち着いたパステルカラーのパレットを示しています。
• 見出しに太く_boldなサンセリフフォントを使用しない — スクリーンショットは表示テキストにトランジショナルセリフフォントを使用しています。
• カードにドロップシャドウや重い3D効果を使用しない — スクリーンショットは最小限のボーダーによるフラットでクリーンなデザインを示しています。
• メインコンテナに角丸を使用しない — スクリーンショットはシャープで長方形の要素とボタンを示しています。
• 複数のカラムの密なテキストでレイアウトを過密にしない — スクリーンショットは豊かな余白と単一カラムのテキストブロックの使用を示しています。
• 見出しに全大文字を使用しない — スクリーンショットは詩的な見出しにタイトルケースを使用しています。
• 避ける: ハードセルの言葉遣い
• 避ける: 攻撃的なCTA
• 避ける: 技術用語
• 避ける: ごちゃごちゃしたレイアウト
• 避ける: 派手なネオンカラー

11

System Prompt

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