厳選・オープン・無料

Landofride

プレミアムなアクティブな休日体験をキュレーションするエディトリアル・トラベル・プラットフォーム。

01

デザイン DNA

アクティブアドベンチャー向けにキュレーションされた高級旅行雑誌。

02

カラー

黒と白のハイコントラストなモノクロームをベースとし、温かみのあるニュートラルなベージュで柔らかさを加え、鮮やかなピンクを単一の大胆なエディトリアルアクセントとして使用します。

03

タイポグラフィ

didone-serif · transitional-serif

• display120px · 400
• heading48px · 400
• body16px · 400
• caption12px · 400

大きな表示テキストにはdidone-serifを使用します。 · 本文テキストにはtransitional-serifを使用します。 · UI要素と小さなラベルにはgrotesque-sansを使用します。 · 大文字ラベルには幅広い文字間隔を使用します。

04

余白

4pxの基本単位を持つゆったりとした垂直方向の余白を採用し、要素間の呼吸空間を重視します。

05

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

細い実線の黒いボーダーを控えめに使用し、主に要素の下部に配置します。

rgba(0,0,0,0.32) 3px 3px 8px 0px · rgba(0,0,0,0.25) 0px 4px 10px 0px

06

レイアウト

センター配置のマガジンスタイルレイアウトで、大きなフルワイドヒーロー画像と十分な垂直方向の余白を確保します。

07

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

ホバー時の不透明度と色の繊細な変化。 · インタラクティブ要素の滑らかなトランジション変化。

色や不透明度の微細な変化。 · 軽いトランジション変化や不透明度フィードバック。

08

コンポーネント

• button ダーク背景に明るいテキストを持つ、ハイコントラストなピル-shapedボタン。
• card 大胆なタイポグラフィオーバーレイを特徴とする、画像を多用した大きなエディトリアルカード。
• chip 分類用の小さな大文字テキストラベル。
• input 控えめなボーダーを持つ、ミニマルでクリーンな入力フィールド。
• hero 大きなセンター配置のタイポグラフィオーバーレイを持つ、フルブリードで没入感のある写真ヒーローセクション。

09

文体と禁止事項

• トーン 志を高く、記述的で、プレミアム感のあるトーン。
• 見出し 大きく、太字で、画像の上に直接重ねて配置されることがしばしばあります。
• CTA 直接的でアクション指向（例：「Landを選択」「Rideを選択」）。

• 雑またはごちゃごちゃしたレイアウトを使用しないでください — スクリーンショットでは、十分な余白を持つ広々としたエディトリアルレイアウトが示されています。
• 多様なフォントウェイトを使用しないでください — スクリーンショットでは主に通常（400）とライト（300）のウェイトが使用されています。
• 小さく詰まったタイポグラフィを使用しないでください — スクリーンショットでは、大きくインパクトのある表示テキストと読みやすい本文が特徴です。
• すべてに丸みのある角を使用しないでください — スクリーンショットでは、鋭利な角（3-4px）とまれなピル形状が混在しています。
• 鮮やかでカラフルなパレットを使用しないでください — スクリーンショットは主にモノクロームで、単一のピンクアクセントが付けられています。
• プライマリアクションをメニューに隠さないでください — スクリーンショットでは、ビューポート下部に目立つ永続的なCTAが示されています。
• 避ける: カジュアルなスラング
• 避ける: 複雑すぎる文
• 避ける: 専門用語

10

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

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

11

System Prompt

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