厳選・オープン・無料

Raus Life

落ち着いた、自然を意識した美学を持つ、プレミアムなキャビン予約プラットフォーム。

01

デザイン DNA

自然の中の隠れ家ためのプレミアム・デジタル・コンシェルジュ。モダンなミニマリズムとオーガニックな温かみを融合させたもの。

02

カラー

深い炭灰色、クリスピーなホワイト、大地のフォレストグリーンを用いた、落ち着いたエレガンス。

03

タイポグラフィ

grotesque-sans · monospace

• display56px · 400
• h136px · 400
• body-lg22px · 400
• body18px · 400
• body-sm16px · 400

すべてのディスプレイおよび見出しサイズにネガティブな文字間隔を適用し、コンパクトでモダンな印象を生み出します。 · 本文テキストはウェイト400を維持し、クリーンで親しみやすい可読性を確保します。 · 大文字テキストは控えめに使用し、主にラベルやタグに限定します。

04

余白

一貫した4pxベースグリッドを採用し、プライマリコンテナには十分なパディングを設けます。

05

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

プライマリインクカラーを使用した薄い1pxボーダー。インタラクティブ要素の下ボーダーとしてよく使用されます。

rgba(0, 0, 0, 0.3) 0px 32px 68px 0px

06

レイアウト

コンテナ付きの中央コンテンツエリアを持つ、全幅セクション。

07

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

オーバーレイやモーダルのための、滑らかな透明度とトランスフォームのトランジション。

微妙な背景色の変化やアンダーラインの表示。 · トランジション状態による即座の視覚的フィードバック。

08

コンポーネント

• button 角丸のピル形状のボタン。ソリッドフィル（グリーン／炭灰色）とアウトラインスタイルを交互に使用します。
• card 角丸（20px）と繊細なシャドウを持つクリーンなカード。大きな写真を採用することが多いです。
• chip 角丸を持つ小さな大文字ラベル。
• input コンテナ付きの予約バー内にある、シンプルなアンダーライン付き入力フィールド。
• hero テキストと半透明の予約インターフェースをオーバーレイした、大きな全幅写真背景。

09

文体と禁止事項

• トーン 歓迎的で、落ち着きがあり、洗練されています。
• 見出し 体験の感覚に焦点を当てた、短く情景的なフレーズ。
• CTA 直接的で行動を促すスタイル。矢印を使用することが多いです。

• 明るいネオンカラーは使用しない — スクリーンショットには深炭灰色、フォレストグリーン、温かみのあるオレンジのパレットが示されています。
• 角丸のバブルフォントは使用しない — スクリーンショットにはクリーンで幾何学的なグロテスク・サンセリフ体が示されています。
• 重いドロップシャドウは使用しない — スクリーンショットにはフラットデザインとクッキーモーダルの単一の深いシャドウが示されています。
• 雑然としたレイアウトは使用しない — スクリーンショットには十分なホワイトスペースと明確な視覚的階層構造が示されています。
• シャープで四角い角は使用しない — スクリーンショットにはカードの角丸（最大20px）とボタンの角丸（99px）が示されています。
• 複雑なグラデーションは使用しない — スクリーンショットには主にソリッドカラーの塗りつぶしとシンプルなリニアフェードが示されています。
• 避ける: 騒々しく、エネルギーの強いコピー。
• 避ける: 過度にテクニカルな専門用語。
• 避ける: 攻撃的な営業テクニック。

10

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

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

11

System Prompt

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