パレット
ブランド
- Surfshark Teal
#1ebfbf - Coral Pulse
#fa3556
中性
- Promo Gold
#ffc200 - Charcoal Ink
#16191c - Pure White
#ffffff - Fog White
#f9f9f9 - Tide Tint
#e8f7f8 - Ash Gray
#dadadd
タイポグラフィ
12～60ピクセル・8段階
- Inter — 交換： system-ui · 概要 400, 600, 700
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 平均 |
| 基本的なステップ | 8px |
| ボタンの半径 | 12px |
| カード半径 | 48px |
| 影 | いいえ - 影の代わりに境界線 |
| セクション間 | 64px |
| ページ幅 | 1200px |
AI がSurfsharkスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- AI for Business — 温かみのあるグレーの色調で統一された、ブルータリズム建築の編集ショールーム
- Superhuman — ゴールデンアワー編集委員会
- Visitors — 白いエンジニアリング図面
- Vercel — 白い紙に印刷された端末
- Jeton — 温かい大理石に書かれたフィンテックに関する社説
- ClickUp — 白い大理石を背景にした、力強いダッシュボード。このページは生産性向上ツールの製品パンフレットなので、視覚的な表現は製品そのものから借用されている。例えば、密度の高いリスト、ステータスインジケーター、アバターのグループ、そしてまるで製品仕様書を展示しているかのような大胆なタイポグラフィなどだ。
- Dock — サンリットクリームペーパー、コバルトパルス
- Quizlet — 教室は白い背景に様々な色で装飾されている。静かな机の後ろには、パステルカラーのカードが4枚飾られており、涼しげなグレーの壁とインディゴ色のマーカーで描かれた1つの印を背景に、唯一の明るいアクセントとなっている。
- Airtable — 章ごとに色分けされた、居心地の良いセミナー
- Headspace — 温かみのある紙に描かれた、陽光あふれるウェルネスコーナー
- Foodnoms — 白い磁器に描かれた陽光あふれる果物市場 ― 温かみのあるオレンジ、みずみずしい緑、そしてふっくらとした丸みを帯びた形
- WHOOP — 真夜中のパフォーマンスラボ ― 黒い劇場空間の下に白い臨床検査台、紫色の電気パルスが一つだけ