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最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- Avoice — 真夜中のドローイングにライムグリーンを少し加える。ほぼ黒に近い制作工程の周りに、文書のような明るいページセクションを作成し、鮮やかなライムグリーンを、変形、選択、建築的な注釈を示す目印として使用する。
- Bee — 太陽のように明るい、ハチミツ色の護符。各画面を、触覚に訴える編集ページのようにデザインしましょう。手首に装着した製品の親密な画像を、ゆったりとした丸みを帯びたフレームで囲み、黄色または淡いニュートラルカラーの背景に、太字でほぼ黒に近い文字を配置します。
- AI for Business — 温かみのあるグレーの色調で統一された、ブルータリズム建築の編集ショールーム
- Superhuman — ゴールデンアワー編集委員会
- Visitors — 白いエンジニアリング図面
- Vercel — 白い紙に印刷された端末
- Jeton — 温かい大理石に書かれたフィンテックに関する社説
- ClickUp — 白い大理石を背景にした、力強いダッシュボード。このページは生産性向上ツールの製品パンフレットなので、視覚的な表現は製品そのものから借用されている。例えば、密度の高いリスト、ステータスインジケーター、アバターのグループ、そしてまるで製品仕様書を展示しているかのような大胆なタイポグラフィなどだ。
- Dock — サンリットクリームペーパー、コバルトパルス
- Quizlet — 教室は白い背景に様々な色で装飾されている。静かな机の後ろには、パステルカラーのカードが4枚飾られており、涼しげなグレーの壁とインディゴ色のマーカーで描かれた1つの印を背景に、唯一の明るいアクセントとなっている。
- Airtable — 章ごとに色分けされた、居心地の良いセミナー
- Headspace — 温かみのある紙に描かれた、陽光あふれるウェルネスコーナー