Toggl

Item: Toggl
Rating: 7.3

Time tracking and capacity planning software for teams.

7.3/10MABTU rating

DESKTOP · 1440 × 13,994/ ↗

MOBILE · 390

Section outline · Home

01heroCentred headline over clock ring, report card and review badges878
02problemPain point pill chips on pale background2,502
03featureLarge plum headline, copy and calendar timeline cards492
04testimonialBig quote with user avatars and count
05tabsTab pills over report screenshot card1,175
06featuresEight icon feature columns1,196
07audiencesFour lime cards with checklist panels1,725
08statsOversized headline, logos, pastel stat tiles1,153
09plansPhoto band, freelancer, team and enterprise cards1,566
10ctaCentred CTA with decorative pink marks688

Rating · Home

Visual design7.6

UX & clarity7.0

Originality8.0

Craft & consistency6.8

Motion6.5

Performance & a11y7.7

This page scores 7.3; the site score weights the home page double.

Main colours

Light·off white background·muted

Typography

Aeoniksoftheading · sans · self-hosted Aeonikbody · sans · self-hosted

Stack & style

Webflow jQuery Vite Swiper

Bold typography Playful Gradient-heavy Product-UI-led Bento grid Marquee Parallax Pinned sections Review badges Stats band Sticky header Tabs Testimonial slider Transparent header

Also: Cookiebot, Cloudflare, Google Analytics, Google Tag Manager

Design DNA

Pale pink and lime gradient washes with deep plum type and a magenta accent. The hero centres a headline over a faint clock-dial ring with a pink bar-chart report card and a row of review laurels. A problem band lists pain points in pill chips, then a large plum headline sits beside a timeline of calendar event cards. Lime cards with darker lime checklist panels segment audiences (agencies, software, law, accounting), oversized purple 'Real teams, real results' type tops pastel stat tiles, and a photo band leads into freelancer, team and enterprise cards and a deep plum footer.

Worth borrowing

Pair an oversized two-tone headline split across two lines with small stat tiles in lime and pink.
Show time tracking as a vertical hour timeline with floating calendar event cards.
Nest a darker checklist panel inside each lime audience card to separate pitch from features.