パレット
ブランド
- Plum
#2c1338 - Heather
#412a4c - Lavender Smoke
#564260 - Dusty Mauve
#6b5a74
中性
- Magenta
#e57cd8 - Stone Violet
#817187 - Ink
#000000 - Bone
#fefbfa - Silver
#d5d0d7 - Fog
#c0b8c3
タイポグラフィ
12～69ピクセル・9段階
- Inter — 交換： system-ui · 概要 400, 500, 700, 800
- GT Haptik — 交換： Inter Tight · 概要 400, 700
- GT Haptik Rotalic — 交換： Inter Tight Italic · 概要 400
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 平均 |
| 基本的なステップ | 10px |
| ボタンの半径 | 26px |
| カード半径 | 10px |
| 影 | いいえ - 影の代わりに境界線 |
| セクション間 | 75px |
| ページ幅 | 1200px |
AI がToggl Trackスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- Integrated Biosciences — 真夜中の生物発光実験室
- Huly — 真夜中の天文台で見るオーロラ ― 主役は紫から珊瑚色へと変化する垂直の光線で、その下の静かな各セクションは、より落ち着いたトーンで語られる同じ2色の物語を借用している。
- Dia Browser — 暗室のようなギャラリー空間が、新聞の社説と融合している。真っ暗な空間の中に、陽光が差し込む新聞の見開きページが浮かび上がり、各セクションにはセリフ体の見出しが一つずつ記されている。
- Mintlify — ガラスのテーブルの上に広がる雲の庭園。手描きの空とドキュメンタリー映像が共に額装されている――ページが修道院のような白へと消えていく前に、色彩とコンセプトがぶつかり合う唯一の場所だ。
- Gleap — 温かみのあるクリーム色を基調に、グラファイトのアクセントを効かせたワークスペース。マットブラックのインクのドットが、リネンの建築の上に浮かんでいるように見えるスタジオ。
- ClickUp — 白い大理石を背景にした、力強いダッシュボード。このページは生産性向上ツールの製品パンフレットなので、視覚的な表現は製品そのものから借用されている。例えば、密度の高いリスト、ステータスインジケーター、アバターのグループ、そしてまるで製品仕様書を展示しているかのような大胆なタイポグラフィなどだ。
- monday — パステルカラーのステッカーが貼られた白い工房
- Portal — トワイライトセリフエディトリアル - iOSスタイルでデザインされた、独立系雑誌のプレミアムページ
- Wise — 深い苔と石灰岩の緊張感。ほぼ黒に近い森の地面には石灰岩の火花が散り、巨大で角張った岩肌があらゆる動きを物語る。
- Slack — 舞台はナス色で、白いスポットライトが照らされている。暗い部分は濃いプラム色で覆われ、オフホワイトのキャンバス地が、大きく前衛的なタイトルを際立たせている。
- Base44 — ライム色のマーカーで描いた、陽光あふれるノート
- Letters — 屋外診療所での午前中の診察――柔らかな青い天井の下、清潔な白い診察台には、青い手術器具が散乱している。