screenroveScreenrove / Design references
Asana design guide
Public pages use large editorial headings.
Typography
Observed family: "TWK Lausanne", "Helvetica Neue", Helvetica, sans-serif. Font files are not distributed.
marketing: Light and accent surfaces
- color 1:
rgb(13, 14, 16) - color 2:
rgb(13, 13, 13) - color 3:
rgb(255, 255, 255) - color 4:
rgba(62, 62, 62, 0.8) - color 5:
rgb(61, 61, 61) - background 6:
rgb(250, 250, 250)
Layout and components
- Public pages use large editorial headings.
- Feature groups alternate light and dark sections.
- Pricing separates plan cards and comparison content.
- Pill calls to action.
- Expandable feature and FAQ groups.
- Tabbed product sections.
product: Not captured
Layout and components
- Authenticated capture pending.
- No product measurements available.
Computed styles from captured visible DOM. Actual source viewports are recorded in work evidence; captures are not upscaled to the brief target.
Download DESIGN.md