厳選・オープン・無料

Vacation Inc

1980年代のプールサイドの美学を融合させた、遊び心あふれるレトロな日焼け止めブランド。

01

デザイン DNA

ウェブ上で再現されたビンテージなバケーションブロシュール。

02

カラー

読みやすさを重視した、ダークグレーテキストを採用した暖色系オフホワイトの背景色。

03

タイポグラフィ

transitional-serif · humanist-sans

• display48px · 400
• heading30px · 400
• body16px · 400
• small18px · 400

大型のプロモーションおよびディスプレイテキストにはトランジションセリフを使用。 · 本文およびナビゲーションにはヒューマニストサンセリフを使用。 · ディスプレイタイポグラフィにはネガティブレタースペーシングを維持。

04

余白

4pxグリッドに基づく一貫したスペーシング。主要セクションにはより大きな間隔を設けます。

05

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

4px solid #333333

rgba(0, 0, 0, 0.1) 1px 1px 5px 0px · rgba(0, 0, 0, 0.75) 2px 2px 2px 0px

06

レイアウト

画像をオーバーラップさせた非対称グリッドで、豊富な余白を確保。

07

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

インタラクティブ要素に対する滑らかなカラーおよびトランスフォームトランジション。

繊細なカラーシフトまたは画像スケーリング。 · 標準のポインターカーソル。

08

コンポーネント

• button 角丸のピル形状で暖色系の黄色背景を持つ、フルワイズのボタン。
• card 「FIG. 1」のようなレトロなラベルと細いボーダーを備えた、画像多用のカード。
• input ボーダーボトムで背景色なしのシンプルなインプット。
• hero 細い4pxボーダーフレームとオーバーレイテキストを持つ、フルワイズの背景画像。

09

文体と禁止事項

• トーン ウィットに富み、ノスタルジックで遊び心のある威厳。
• 見出し 大型のエレガントなセリフタイポグラフィ。
• CTA 太体のサンセリフテキストを持つピル形状のボタン。

• 白に近い背景色は使用しない — スクリーンショットでは暖色系のオフホワイト（#ebe6dc）が示されています。
• プライマリボタンに明るく高彩度のアクセントカラーを使用しない — スクリーンショットでは暖色系のくすんだ黄色（#f1d27a）が示されています。
• ディスプレイテキストに重厚なサンセリフを使用しない — スクリーンショットでは細めのトランジションセリフが示されています。
• Tightなガターを持つ12カラムの対称レイアウトを使用しない — スクリーンショットでは豊富なスペーシングと非対称な配置が示されています。
• プライマリボタンにシャープな角丸四角を使用しない — スクリーンショットでは完全に丸みを帯びたピル形状が示されています。
• ダークモードまたは黒い背景を使用しない — スクリーンショットでは明るく紙のような背景が示されています。
• 避ける: モダンミニマリズム
• 避ける: クールまたはクリニカルなカラーパレット
• 避ける: 過度に複雑なレイアウト

10

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

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

11

System Prompt

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