Asana

Item: Asana
Rating: 7.5

Work and project management for teams working with AI agents.

7.5/10MABTU rating

DESKTOP · 1440 × 8,240/ ↗

MOBILE · 390

Section outline · Home

01heroThe OS for human-agent teams823
02features grid328
03media textAI that works the way your team works988
04portfolioAI TEAMMATES1,330
05portfolioDeliver real productivity for every team1,210
06media text627
07contentGet started easily778
08testimonials207
09testimonialsRecognized as a leader774
10ctaThe only platform that can support your company at any scale511
11footer846

Rating · Home

Visual design8.0

UX & clarity8.2

Originality7.2

Craft & consistency8.3

Motion6.5

Performance & a11y7.7

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

Main colours

Mixed sections·white background·vivid

Typography

TWK Lausanneheading · font · self-hosted TWK Lausannebody · font · self-hosted

Stack & style

Next.js React

Minimal Bold typography Corporate / clean Rounded / soft Product-UI-led Logo cloud Sticky header Tabs Testimonial slider

Also: reCAPTCHA, OneTrust, Netlify, Google Tag Manager

Design DNA

White page with a large tight grotesk headline, the second line in a coral-to-pink gradient, framed by thin pink connector lines linking floating task chips, avatars and agent icons. Google/Microsoft sign-up buttons sit centred. A Fortune 100 logo row, a pink-framed AI teammates table beside an expandable feature list, a carousel of agent cards with bold two-colour glyph icons, a black band with pill tabs and a large product screenshot, a photo quote, resource links, analyst badges and a black CTA footer follow.

Worth borrowing

Thread thin connector lines with avatar nodes between sections to visualise workflows moving down the page.
Give each AI agent a bold two-colour glyph and a card with its integrations and skills.
Offer social sign-up buttons directly in the hero instead of a generic CTA.