パレット
ブランド
- Microsoft Blue
#0067b8 - Deep Azure
#004a7f - Fluent Icon Blue
#0078d4
中性
- Amber Badge
#ffb900 - Void
#000000 - Graphite
#171717 - Charcoal
#262626 - Iron
#333333 - Slate
#616161
タイポグラフィ
11～37ピクセル・3ステップ
- Segoe UI — 交換： Segoe UI (system stack: -apple-system · 概要 400, 600
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 密集 |
| 基本的なステップ | 8-16px |
| ボタンの半径 | 2px |
| カード半径 | 0px |
| 影 | いいえ - 影の代わりに境界線 |
| セクション間 | 48px |
| ページ幅 | 1600px |
AI がMicrosoftスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- Apple (España) — ほとんど聞こえないほどの小さな見出しが並ぶ、白い空間の大聖堂。広大で明るいホールには、700という巨大なフォントが空中に浮かび、パステルカラーと一本の青い糸だけでかろうじて繋ぎ止められている。
- Airbnb — 静かな白いギャラリーの壁に、サンゴ色のしおりが1枚だけ飾られている。
- Peak Design — ギャラリーの壁、部分的に照明付き
- Ramp — 編集部の財務部門。白黒のページに、たった一本のネオンカラーのマーカー。ほぼモノクロームの誌面において、鮮やかなライムグリーンの線一本が、あらゆるやり取りを金銭的なシグナルへと変える。
- 099 SUPPLY — 白黒のオブジェで埋め尽くされたギャラリーの壁
- Orderful — 産業物流管理デッキ - 黒インクと外科用赤色で印刷された物流ディスパッチャーのチェックリスト。各ページは、オペレーターが重要なことを大声で叫ぶことができるほど目立たないデザインになっている。
- Apple (España) — 白いギャラリー用ディスプレイケース
- teenage engineering — スタジオ照明の工業カタログでは、製品がページ上で唯一の重要な対象物であり、その他すべてはその製品を中心に説明されている。
- Apple (España) — 朝霧に覆われたギャラリーの窓
- Lightship — まるで映画に出てくるような、広大な道を描いたジオラマ。温かみのあるクリーム色のギャラリーの壁には、大きな風景写真が間隔を詰めて飾られ、額縁には細い黒文字がかすかに見え、単調な空間に鮮やかなオレンジ色のアクセントが、まるで草原の焚き火のように際立っている。
- Custo — ガンメタルカラーのギャラリーに、巨大なフォントが配されている。落ち着いたグレーグリーンのトーンで統一されたショールームには、たった一つの暗いオブジェと57ピクセルのフォントが、それ自体で雄弁に語りかけてくる。
- Silencio — 白い部屋に、浮かぶようなオブジェが点在する。温かみのある紙で作られたギャラリー展示では、それぞれの要素が余白を背景にそれぞれの場所を占め、静寂は意図的なデザイン上の決定である。