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 — ビジネスクラスのキャビンは紫色の薄明かりに照らされている。静かで上質なインテリアは、独特の紫色の光によって照らされている。
- Integrated Biosciences — 真夜中の生物発光実験室
- Column — 涼しい夜明けの下の濃い青色の帳簿
- Huly — 真夜中の天文台で見るオーロラ ― 主役は紫から珊瑚色へと変化する垂直の光線で、その下の静かな各セクションは、より落ち着いたトーンで語られる同じ2色の物語を借用している。
- Dia Browser — 暗室のようなギャラリー空間が、新聞の社説と融合している。真っ暗な空間の中に、陽光が差し込む新聞の見開きページが浮かび上がり、各セクションにはセリフ体の見出しが一つずつ記されている。
- Mintlify — ガラスのテーブルの上に広がる雲の庭園。手描きの空とドキュメンタリー映像が共に額装されている――ページが修道院のような白へと消えていく前に、色彩とコンセプトがぶつかり合う唯一の場所だ。
- Gleap — 温かみのあるクリーム色を基調に、グラファイトのアクセントを効かせたワークスペース。マットブラックのインクのドットが、リネンの建築の上に浮かんでいるように見えるスタジオ。
- ClickUp — 白い大理石を背景にした、力強いダッシュボード。このページは生産性向上ツールの製品パンフレットなので、視覚的な表現は製品そのものから借用されている。例えば、密度の高いリスト、ステータスインジケーター、アバターのグループ、そしてまるで製品仕様書を展示しているかのような大胆なタイポグラフィなどだ。
- monday — パステルカラーのステッカーが貼られた白い工房
- Portal — トワイライトセリフエディトリアル - iOSスタイルでデザインされた、独立系雑誌のプレミアムページ
- Wise — 深い苔と石灰岩の緊張感。ほぼ黒に近い森の地面には石灰岩の火花が散り、巨大で角張った岩肌があらゆる動きを物語る。
- Slack — 舞台はナス色で、白いスポットライトが照らされている。暗い部分は濃いプラム色で覆われ、オフホワイトのキャンバス地が、大きく前衛的なタイトルを際立たせている。