Toggl Track
A plum-colored theater sign is a deep eggplant-hued stage where each word, illuminated by a single purple spotlight, illuminates the title.
Palette
Brand
- Plum
#2c1338 - Heather
#412a4c - Lavender Smoke
#564260 - Dusty Mauve
#6b5a74
Neutral
- Magenta
#e57cd8 - Stone Violet
#817187 - Ink
#000000 - Bone
#fefbfa - Silver
#d5d0d7 - Fog
#c0b8c3
Typography
from 12 to 69px · 9 steps
- Inter — replacement: system-ui · outlines 400, 500, 700, 800
- GT Haptik — replacement: Inter Tight · outlines 400, 700
- GT Haptik Rotalic — replacement: Inter Tight Italic · outlines 400
Intervals and form
| Purpose | Meaning |
|---|---|
| Density | average |
| Basic step | 10px |
| Button radius | 26px |
| Card radius | 10px |
| Shadows | no - borders instead of shadows |
| Between sections | 75px |
| Page width | 1200px |
AI will build your website in Toggl Track style and fill it
- Fill with products and posts via the link - Instagram, TikTok, Facebook.
- Transfer content from your old site—just specify the address.
- Modern design on the best engine: React ( Next.js) with server rendering and SEO optimization out of the box.
- Fully automated SEO optimization for search results and neural network recommendations.
Similar styles
- Bevel — Morning Metrics in Cloudlight. Create screens that look like a bright white health diary, complemented by a softly glowing dashboard on your wearable device.
- bunny — Orbital Rabbit Relay. Create pages in the form of a pale blue edge network landscape, adorned with rounded dark blue launch pads, vibrant orange signals, and friendly technical illustrations.
- Grafana Labs — The control room of the Sunrise Signal Station. A quiet gray-and-white workspace combines with a wide, four-color horizon gradient and precise blue interface signals.
- HEY — Sunlit letters on a table. White curved panels, a paper-like background, and handwritten notes are positioned above soft purple-salmon color gradients.
- Integrated Biosciences — bioluminescence lab at midnight
- Huly — Northern Lights at Midnight Observatory - the protagonist is a vertical beam of purple fading into coral, and each quiet section below it borrows the same two-tone story told in a more subdued tone
- Dia Browser — A darkroom gallery space blends with an editorial newspaper. The pitch-black scene reveals a sunlit newspaper spread, each section marked by a single serif headline.
- Mintlify — A cloud garden above a glass table. The hand-drawn sky and documentary are framed together—the only place where color and concept collide before the page fades into monastic white.
- Gleap — A workspace decorated in warm cream tones with graphite accents—a studio where matte black ink dots seem to float above the linen architecture.
- ClickUp — A powerful dashboard on white marble. The page is a product brochure for a productivity tool, so the visual language is borrowed from the product itself: dense lists, status indicators, groups of avatars, and bold typographic statements that look like a product specification on display.
- monday — White workshop with pastel stickers
- Portal — Twilight Serif Editorial - A premium spread in an independent magazine, designed in the style of iOS