Skip to content
SuiteAnvil
Brand audit · asana.com

Asana brand system audit

Asana runs a pill geometry on a neutral white canvas, set in TWK Lausanne. 6 of 8 contrast pairings pass WCAG 2.1 AA and the homepage scores 96/100 for technical SEO.

Reference profileScanned 11 Nov 2026Pill · 16 px+
Scan Your Own Website
Overall readiness
90
of 100
3 dimensions
Brand consistency
100
WCAG 2.1 contrast
75
SEO readiness
96

01Brand palette

consistency 100/100
#FFC9FF#F3F3F3#F06A6A

02Typography

Clarity at every size

Body copy set in the brand’s text face, at reading size and comfortable measure.

Headings
TWK Lausanne
previewed with Inter
Body
TWK Lausanne
previewed with Inter
Mono / data
SF Mono
previewed with JetBrains Mono

03UI vibe & geometry

Asana
PrimarySecondary
Radius style
Pill · 16 px+
Controls
pill (9999px)
Cards
16px
Surface
Neutral white · #FFFFFF / #FFFFFF / #E7E7E7

04WCAG 2.1 contrast

6/8 AA · 3/8 AAA
PairingColorsRatioAAAAA
AaBody text on surface#0B0505 / #FFFFFF20.23:1PassPass
AaSecondary text on surface#646F79 / #FFFFFF5.13:1PassFail
AaPrimary as link/text on surface#FF584A / #FFFFFF3.11:1Large onlyFail
AaButton label on primary#111113 / #FF584A6.06:1PassFail
AaAccent on surface#FD3FFD / #FFFFFF2.87:1FailFail
AaWhite on secondary#FFFFFF / #0B050520.23:1PassPass
AaDark mode: text on canvas#F5F5F7 / #130D0E17.67:1PassPass
AaDark mode: primary on canvas#FF584A / #130D0E6.18:1PassFail

05SEO readiness

13 of 14 checks pass
96
score / 100
Sitemap with 3,911 URLs · JSON-LD Organization, WebSite, BreadcrumbList
  • passTitle tag55 chars: “Work & Project Management for Human-Agent Teams • Asana”
  • passMeta description106 chars
  • warnSingle H1 heading2 H1 element(s)
  • passCanonical URLhttps://asana.com/
  • passHTML lang attributelang="en"
  • passMobile viewportwidth=device-width, initial-scale=1.0
  • passOpen Graph tags3/3 of og:title, og:description, og:image
  • passTwitter / X cardsummary_large_image
  • passStructured data (JSON-LD)Organization, WebSite, BreadcrumbList
  • passHTTPSServed over HTTPS
  • passIndexable (robots meta)No robots restrictions
  • passXML sitemap3911 URLs · https://asana.com/sitemap-index.xml
  • passFavicon / touch iconIcon link present
  • passImage alt text100% of 180 images

asana.com brand audit FAQ

What are Asana's brand colors?

Asana uses #FF584A as its primary color, #0B0505 as secondary and #FD3FFD as accent, on a #FFFFFF surface with #0B0505 text (snapshot from 11 Nov 2026).

Which fonts does asana.com use?

Headings and body text are set in TWK Lausanne (free stand-in: Inter). Proprietary faces are paired with the closest free Google Fonts family for documents and previews.

Does asana.com pass WCAG contrast checks?

6 of 8 key color pairings pass WCAG 2.1 AA and 3 pass AAA. The full PDF report suggests a passing replacement color for every pairing that fails.

What is asana.com's technical SEO score?

The homepage scores 96/100 across 14 technical SEO checks, with 13 passing: title, meta description, H1, canonical, Open Graph, structured data, sitemap, HTTPS and image alt text among them.

How was this Asana audit made?

SuiteAnvil StyleExtract read the public homepage of asana.com, its CSS, logo, metadata and sitemap. Run the same audit on any URL for free and export the PDF report or Tailwind v4 tokens.

Take this audit further.

The full report adds prioritized findings, the tonal scale, dark-mode tokens and a developer appendix with Tailwind v4, CSS variables, .cursorrules and DESIGN.md.

Scan Your Own Website
Embed on your site (free)Link the Asana press kit or show the live brand score badge.
Option A: footer link

A plain text link to the hosted press & brand kit, e.g. in your site footer or press page.

<a href="https://suiteanvil.com/kit/asana.com">Press &amp; Brand Kit</a>
Option B: live score badge
Brand and WCAG score for asana.com by SuiteAnvil

The badge links to the audit and updates after each rescan. Score: mean of brand consistency and the share of WCAG 2.1 AA color pairings.

<a href="https://suiteanvil.com/audit/asana.com"><img src="https://suiteanvil.com/api/badge/asana.com.svg" alt="Brand and WCAG score for asana.com by SuiteAnvil" height="20"></a>
Option B in Markdown (GitHub README)
[![Brand and WCAG score for asana.com by SuiteAnvil](https://suiteanvil.com/api/badge/asana.com.svg)](https://suiteanvil.com/audit/asana.com)

Snapshot of asana.com’s public website from 11 Nov 2026, produced by SuiteAnvil StyleExtract. Values change as the site evolves. Asana and its marks belong to their owner; SuiteAnvil is not affiliated with or endorsed by Asana.

SuiteAnvil extracts publicly visible design tokens, logos, and font references for workflow automation. You are responsible for ensuring you hold valid commercial rights or client authorization for any proprietary fonts, trademarks, and brand assets before commercial publication. Licensing notice