Hopper
夕暮れ時のサントリーニ島を窓から眺める。目的地を写した柔らかな写真が雰囲気のあるオーバーレイとして用いられ、その上にコンパクトな白いナビゲーションと予約コントロールが配置されている。
パレット
ブランド
- Hopper Blue
#1878ec
中性
- White
#ffffff - Cloud
#f6f6f6 - Mist
#ededed - Divider Gray
#d9d9d9 - Ink
#111111 - Graphite
#606060
タイポグラフィ
14～32ピクセル・6段階
- Proxima Nova — 交換： Nunito Sans · 概要 400, 600, 700, 800
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 密集 |
| 基本的なステップ | 8px |
| ボタンの半径 | 1000px |
| カード半径 | 16px |
| 影 | いいえ - 影の代わりに境界線 |
| セクション間 | 48px |
AI がHopperスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- Apple iPhone Duo — 白いギャラリーの中に折りたたみ式デバイスが置かれている。中央には製品のビジュアルレンダリングが配置され、文字と青色の操作ボタンは意図的に控えめな色調に抑えられている。
- AYOCIN — 健康を象徴する太陽のトーテム。温かみのある室内写真のようなスクリーンを創り出す。荘厳な書体、柔らかくぼかされた建築物の影、そして穏やかで柔らかな空間に置かれた、光り輝く一つのオブジェ。
- Apple AirPods 5 — Apple ― 白い背景に映し出される映画。編集のための広大な白い空間は、動く物体のシルエットと鮮やかな照明が視覚的なドラマを生み出す長編コマーシャルへと繋がる。
- Bose — 海岸沿いの撮影スタジオ。風になびく広告画像が画面いっぱいに広がり、その周囲には、まるで精密なディテールのように、鮮明な白黒のキャンペーン管理ツールが配置されている。
- Bauhaus Clock — バウハウスにインスパイアされた時計 ― ターコイズブルーの機械式発光。落ち着いた明るい表面を、暗く映画のような時計のイメージで縁取り、ターコイズブルーを希少な発光ディテールとして用いる。
- Cursor — くすぶる炭火に照らされた、居心地の良い羊皮紙工房
- Slush — パステルカラーの紙に貼られた、膨らませるステッカーの世界
- MindMarket — クリーム色の紙に印刷された、居心地の良いおとぎ話の本。大きなInterの見出しと切り抜かれた紙のキャラクターが、太陽の光を浴びたような、ステッカーのように柔らかい表面に共存する、親しみやすい編集上のキャンバス。
- Shop — 白い大理石の上に浮かぶ交易の星座
- Airbnb — 静かな白いギャラリーの壁に、サンゴ色のしおりが1枚だけ飾られている。
- Superr — 午後の柔らかな光に照らされた、温かみのあるノート。クリーム色のページ、キャップのないオレンジ色のマーカー、そして剥がされるのを待つラミネート加工された名前シールの束。
- Apple (España) — 柔らかな自然光に照らされた美術館のギャラリーは、魅惑的で軽やかな白い空間で、それぞれの展示品は淡い色合いの壁にスポットライトで照らされている。