パレット
ブランド
- Vivid Lime
#a3fda7 - Forest Depth
#0d5b3b - Pine Shadow
#083a26 - Spring Gradient Start
#82ff87 - Citrus Gradient End
#deff82
中性
- Mint Wash
#f2ffe3 - Charcoal Ink
#000000 - Cream Paper
#ffffff - Stone Charcoal
#2d3637 - Warm Mist
#e9e7e2 - Silver Border
#cccccc
タイポグラフィ
12～120ピクセル・7段階
- mainFont — 交換： Inter · 概要 400, 500, 700
- Custom Editorial Serif (swap-serif) — 交換： Playfair Display · 概要 100, 300
- Custom UI Sans (swap-sans) — 交換： Inter · 概要 400, 500, 700
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 密集 |
| 基本的なステップ | 8-16px |
| ボタンの半径 | 200px |
| カード半径 | 24px |
| 影 | 柔らかな影 |
| セクション間 | 80-120px |
| ページ幅 | 1200px |
AI がSwapスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- MindMarket — クリーム色の紙に印刷された、居心地の良いおとぎ話の本。大きなInterの見出しと切り抜かれた紙のキャラクターが、太陽の光を浴びたような、ステッカーのように柔らかい表面に共存する、親しみやすい編集上のキャンバス。
- Lamborghini — ショールームのスポットライトの下に展示された黒いボディカラーの車と、黄色い車が1台。
- amp — 温かみのあるオレンジ色とクールな白の背景。このデザインは、陽光が降り注ぐロフトで撮影された高級フィットネス製品を彷彿とさせる。一つのアイテム、一つのアクセント、そして自信に満ちたフォントが、すべてを物語っている。
- LUNCH — ベルベットの演台と温かい羊皮紙
- IKEA — 太陽の光が降り注ぐ、分解された状態のスウェーデン家具ショールーム
- Microsoft — 小売カタログでは、特徴的な青色が使われている。白いショールームの床に四角いロゴがあり、デザイン要素すべてが青色で統一されている様子を想像してみてほしい。
- Vibrants — 白い大理石に描かれたスカイボーン薬局 ― 濃い青色のインクはモルタル、虹色のスペクトルは薬を表している
- Isla Beauty — クリーム色の薬局風のインテリアに、手術用レッドのアクセントが効いている。温かみのある羊皮紙のような壁、琥珀色のボトル、そしてすべてのラベルに押された赤いスタンプが印象的だ。
- AYOCIN — 健康を象徴する太陽のトーテム。温かみのある室内写真のようなスクリーンを創り出す。荘厳な書体、柔らかくぼかされた建築物の影、そして穏やかで柔らかな空間に置かれた、光り輝く一つのオブジェ。
- Apple AirPods 5 — Apple ― 白い背景に映し出される映画。編集のための広大な白い空間は、動く物体のシルエットと鮮やかな照明が視覚的なドラマを生み出す長編コマーシャルへと繋がる。
- Bose — 海岸沿いの撮影スタジオ。風になびく広告画像が画面いっぱいに広がり、その周囲には、まるで精密なディテールのように、鮮明な白黒のキャンペーン管理ツールが配置されている。
- Bauhaus Clock — バウハウスにインスパイアされた時計 ― ターコイズブルーの機械式発光。落ち着いた明るい表面を、暗く映画のような時計のイメージで縁取り、ターコイズブルーを希少な発光ディテールとして用いる。