厳選・オープン・無料

Walden Us

落ち着いた、自然に焦点を当てたデザイン言語を備えた高級瞑想およびウェルネスブランド。

01

デザイン DNA

瞑想製品のためのラグジュアリーな禅の隠れ家

02

カラー

白、深い緑、ウォームグレーが支配的な、落ち着いた自然由来のパレット

03

タイポグラフィ

geometric-sans · grotesque-sans

• display40px · 500
• h120px · 400
• body14px · 400
• small12px · 400

本文テキストとナビゲーションにはGraphikを使用 · 表示見出しとブランディングにはGeistを使用 · 可読性のために一貫した文字間隔を維持

04

余白

一貫した4pxベースグリッドと、余裕のある余白による呼吸空間

05

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

rgba(3,3,2,0.76)を使用した繊細な1pxボーダー

0px 4px 20px 0px rgba(3,3,2,0.15) · inset 0px 0px 0px 1px rgba(211,206,197,1) · 0px 0px 30px 0px rgba(0,0,0,0.15)

06

レイアウト

フルワイド画像ヒーロー、中央のモーダルオーバーレイ、その下の構造化された製品グリッド

07

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

コンテンツの可視性に対するフェードトランジション · ホバー時の色とbackground-colorのトランジション

インタラクティブ要素におけるテキストとbackground-colorの色のトランジション · 背景色の変化による即座の視覚的フィードバック

08

コンポーネント

• button モーダル内で白文字のフルワイドグレーボタン、ホバー時に微妙なボーダー
• card フルブリード画像と中央揃えのテキストラベルを備えた製品カード
• chip ナビゲーションにおけるテキストベースのカテゴリチップ
• input 微妙なボーダーを持つクリーンなテキスト入力フィールド
• hero 中央のモーダルオーバーレイを備えた大型フルブリード自然写真

09

文体と禁止事項

• トーン 落ち着き、歓迎的、そして洗練された
• 見出し シンプルで直接的な質問とステートメント
• CTA アグレッシブなセールス言語ではなく、明確で体験に基づいたオプション

• 明るいアクセントカラーを使用しない — スクリーンショットには白、グレー、ダークグリーンのトーンのみ
• 装飾的なフォントを使用しない — スクリーンショットにはクリーンな幾何学的およびグロテスクサンセリフが使用されている
• すべての場所で丸いピルボタンを使用しない — スクリーンショットには微妙な丸みを帯びた長方形ボタンが使用されている
• 密集したテキストレイアウトを作成しない — スクリーンショットには十分な余白と呼吸空間が確保されている
• 忙しないパターンを使用しない — スクリーンショットには写真付きのクリーンな単色背景が使用されている
• アグレッシブなCTAを使用しない — スクリーンショットには落ち着いた、体験に基づいた選択オプションが使用されている
• 避ける: アグレッシブなセールス言語
• 避ける: 派手な色や忙しないパターン
• 避ける: 複雑な技術用語
• 避ける: 密集したテキストブロック
• 避ける: 過度にカジュアルなトーン

10

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

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

11

System Prompt

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