厳選・オープン・無料

Hape

大胆なモノクロマティックな読み込み画面を持つ、実験的で3Dに焦点を当てたブランドランディングページです。

01

デザイン DNA

読み込みを待つ、未来的なギャラバリーまたは仮想世界のような空間です。

02

カラー

大胆な高彩度のモノクロマティックなレッド背景に、厳格なブラックのタイポグラフィを採用しています。

03

タイポグラフィ

geometric-sans

• display48px · 500
• body14px · 400

04

余白

中央揃えで、豊かなネガティブスペースを持つ広々とした構図です。

05

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

読み込みサークルに、最小限のサブティブなボーダーを設定しています。

06

レイアウト

フルスクリーンの単色背景に、中央揃えの垂直スタックを配置しています。

07

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

読み込みスピナー · プログレスインジケーター

明確な表示はありません。 · 明確な表示はありません。

08

コンポーネント

• hero 中央にブランドマークを配置し、下部にプログレスインジケーターを揃えた、フルスクリーンの読み込み状態です。

09

文体と禁止事項

• トーン 遊び心があり、ミステリアスで、モダンなトーンです。
• 見出し 大胆で、ミニマルで、幾何学的なスタイルです。
• CTA 明確な表示はありません。

• ホワイトの背景を使用しない — スクリーンショットは濃いレッド（#B51A1B）の単色背景を示しています
• セリフフォントを使用しない — スクリーンショットは幾何学的なサンセリフのブランドマークを示しています
• 複雑なレイアウトを使用しない — スクリーンショットは、広大な空っぽの空間に中央に配置された単一の要素を示しています
• 複数の色を使用しない — スクリーンショットは厳格なモノクロマティックなレッド・パレットを示しています
• サブティブなグラデーションを使用しない — スクリーンショットはフラットで単色の背景を示しています
• 雑然としたナビゲーションを含めない — スクリーンショットはブランドマークと読み込みインジケーターのみを示しています
• 避ける: 伝統的なレイアウト
• 避ける: 明るい背景
• 避ける: 複雑なタイポグラフィ

11

System Prompt

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