Tailscale
クリーム色の紙に加工された厚紙を使用。温かみのある、ややクリーム色のキャンバスに、赤いマーカーで一筆、柔らかな角、そして控えめなInterフォントが配されています。読者を尊重した、インフラ関連文書のための視覚言語です。
パレット
ブランド
- Signal Red
#d04841
中性
- Ink
#181717 - Bone
#eeebea - Paper
#ffffff - Graphite
#2e2d2d - Charcoal
#575555 - Ash
#706e6d
タイポグラフィ
12～64ピクセル・7段階
- Inter — 交換： Inter (Google Fonts) or IBM Plex Sans · 概要 300, 400, 500, 600
- MDIO — 交換： Space Grotesk 500 with letter-spacing: 0.05em · 概要 500
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 密集 |
| 基本的なステップ | 12-16px |
| ボタンの半径 | 8px |
| カード半径 | 16px |
| 影 | 柔らかな影 |
| セクション間 | 80-96px |
| ページ幅 | 1200px |
AI がTailscaleスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- AI for Business — 温かみのあるグレーの色調で統一された、ブルータリズム建築の編集ショールーム
- Superhuman — ゴールデンアワー編集委員会
- Visitors — 白いエンジニアリング図面
- Vercel — 白い紙に印刷された端末
- Jeton — 温かい大理石に書かれたフィンテックに関する社説
- ClickUp — 白い大理石を背景にした、力強いダッシュボード。このページは生産性向上ツールの製品パンフレットなので、視覚的な表現は製品そのものから借用されている。例えば、密度の高いリスト、ステータスインジケーター、アバターのグループ、そしてまるで製品仕様書を展示しているかのような大胆なタイポグラフィなどだ。
- Dock — サンリットクリームペーパー、コバルトパルス
- Quizlet — 教室は白い背景に様々な色で装飾されている。静かな机の後ろには、パステルカラーのカードが4枚飾られており、涼しげなグレーの壁とインディゴ色のマーカーで描かれた1つの印を背景に、唯一の明るいアクセントとなっている。
- Airtable — 章ごとに色分けされた、居心地の良いセミナー
- Headspace — 温かみのある紙に描かれた、陽光あふれるウェルネスコーナー
- Foodnoms — 白い磁器に描かれた陽光あふれる果物市場 ― 温かみのあるオレンジ、みずみずしい緑、そしてふっくらとした丸みを帯びた形
- WHOOP — 真夜中のパフォーマンスラボ ― 黒い劇場空間の下に白い臨床検査台、紫色の電気パルスが一つだけ