Tines

Item: Tines
Rating: 8

Secure platform for AI agents, apps and workflow automation for IT and security.

8.0/10MABTU rating

DESKTOP · 1440 × 7,392/ ↗

MOBILE · 390

Section outline · Home

01heroPurple light headline, two buttons, logo marquee, flower-filled 100x with product UI1,472
02statementCentred serif text between illustrated robot screens1,016
03featuresViolet panel, four feature columns, flower border819
04tabsFive coloured team tabs over product screenshot1,233
05proofSatellite illustration and four violet cards756
06ctaHuge flower-filled wordmark with illustrated tiles above
07footerDense multi-column link footer on off-white

Rating · Home

Visual design8.7

UX & clarity8.0

Originality9.1

Craft & consistency8.4

Motion7.0

Performance & a11y7.7

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

Main colours

Light & dark toggle·off white background·mono

Typography

Roobertheading · sans · self-hosted Roobertbody · sans · self-hosted Recklessaccent · serif · self-hosted

Stack & style

Next.js React DatoCMS

Bold typography Editorial Playful Illustration-led Custom cursor Live chat Logo cloud Marquee Process steps Sticky header Tabs

Also: PostHog, Intercom, Meta Pixel, Cookiebot, Google Analytics, Google Tag Manager, Vercel

Design DNA

Warm off-white page with a light grotesk headline in purple and a condensed serif for editorial statements. Custom illustrations of dense flowers, cables and retro robots fill giant 100x numerals and border blocks. Saturated violet panels hold two-column feature text with flower borders; a five-colour team tab bar (IT, security, finance, people, operations) switches a product screenshot on green; four violet proof cards, a quirky satellite dish drawing and a huge Start today wordmark filled with flowers precede a light link-dense footer.

Worth borrowing

Fill oversized numerals or a closing wordmark with a dense custom illustration pattern.
Colour-code audience tabs with flat blocks so each team gets its own hue above one screenshot.
Mix a condensed serif for editorial statements with a light grotesk for product copy.