ToDesktop
宇宙をテーマにしたコントロールパネルは、鮮やかな仕様書へとスムーズに移行します。濃いグラデーションのヘッダーには、鮮やかなエレクトリックブルーのアクセントボタンが1つ配置されています。その下には、細い枠線、ボタンナビゲーション、そして浮遊する製品モックアップを備えた、落ち着いた明るいドキュメント画面が広がっています。
パレット
ブランド
- Electric Iris
#0036ff
中性
- Signal Cyan
#0093ff - Deep Void
#05061b - Ink Black
#141414 - Pure White
#ffffff - Hairline Gray
#e5e7eb - Quiet Gray
#c2c2c9
タイポグラフィ
10～74ピクセル・10段階
- Aeonik Pro — 交換： Inter Tight · 概要 400, 500
- Inter — 交換： Inter (native) · 概要 400, 500, 600, 700
- Geist Mono — 交換： JetBrains Mono · 概要 400, 500
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 平均 |
| 基本的なステップ | 8px |
| ボタンの半径 | 999px |
| カード半径 | 14px |
| 影 | 柔らかな影 |
| セクション間 | 64px |
| ページ幅 | 1200px |
AI がToDesktopスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- Navan — ビジネスクラスのキャビンは紫色の薄明かりに照らされている。静かで上質なインテリアは、独特の紫色の光によって照らされている。
- Bevel — Cloudlightで朝の指標を確認しましょう。明るい白色の健康日記のような画面を作成し、ウェアラブルデバイスには柔らかな光を放つダッシュボードを表示します。
- bunny — 軌道ウサギリレー。淡い青色の縁取りのあるネットワーク風景を背景に、丸みを帯びた濃い青色の発射台、鮮やかなオレンジ色の信号、そして親しみやすい技術イラストで飾られたページを作成します。
- Grafana Labs — サンライズ信号所の制御室。静かで落ち着いたグレーと白を基調とした作業空間に、幅広の4色グラデーションの水平線と、精緻な青色のインターフェース信号が組み合わされている。
- HEY — 陽光に照らされたテーブル上の文字。白い曲線状のパネル、紙のような背景、手書きのメモが、柔らかな紫がかったサーモンピンクのグラデーションの上に配置されている。
- Integrated Biosciences — 真夜中の生物発光実験室
- Column — 涼しい夜明けの下の濃い青色の帳簿
- Huly — 真夜中の天文台で見るオーロラ ― 主役は紫から珊瑚色へと変化する垂直の光線で、その下の静かな各セクションは、より落ち着いたトーンで語られる同じ2色の物語を借用している。
- Dia Browser — 暗室のようなギャラリー空間が、新聞の社説と融合している。真っ暗な空間の中に、陽光が差し込む新聞の見開きページが浮かび上がり、各セクションにはセリフ体の見出しが一つずつ記されている。
- Mintlify — ガラスのテーブルの上に広がる雲の庭園。手描きの空とドキュメンタリー映像が共に額装されている――ページが修道院のような白へと消えていく前に、色彩とコンセプトがぶつかり合う唯一の場所だ。
- Gleap — 温かみのあるクリーム色を基調に、グラファイトのアクセントを効かせたワークスペース。マットブラックのインクのドットが、リネンの建築の上に浮かんでいるように見えるスタジオ。
- ClickUp — 白い大理石を背景にした、力強いダッシュボード。このページは生産性向上ツールの製品パンフレットなので、視覚的な表現は製品そのものから借用されている。例えば、密度の高いリスト、ステータスインジケーター、アバターのグループ、そしてまるで製品仕様書を展示しているかのような大胆なタイポグラフィなどだ。