
Preview image. Unlock full-res
Asana brand hub presenting AI-focused content through a vibrant 3x4 grid of colored cards in teal, pink, purple, green, and navy, each with distinct headlines and imagery.
Summary
Asana brand content hub presenting AI-related resources and announcements via a responsive 3x4 card grid, each card assigned a distinct color and headline to signal topic variety without repetition.
Visual description
Light sky-blue background with a light header area showing Asana branding (three red dots logo), profile info ("@asana", "684.6M views", "67k Following"), and follower note. Below, a 12-card grid arranged 3 across, 4 rows deep. Cards use distinct background colors: teal, pink, maroon/magenta, dark green, light pink, dark navy, light green. Each card contains a centered headline in white or dark serif/sans-serif type (e.g., "It's time for intelligent work," "Think AI," "What's new in Asana?"), some with small icons or badges. Bottom card shows "WWW.PLANNTHAT.COM" in dark gray. The overall effect is a content hub mixing product announcements, feature spotlights, and thematic articles.
Key takeaway
Color-coded card grid creating visual differentiation without relying on imagery; each color block as a distinctive content category; centered, large headline typography within constrained card containers; the use of a few strategic colors (teal, pink, navy, green) to segment otherwise similar content blocks.
Reuse notes
Excellent template for B2B SaaS hubs, marketing centers, and product feature announcements. Works particularly well for organizations with multiple content streams (blog, product news, thought leadership, resources) that need unified presence without visual chaos. The card-block approach scales to 6, 9, 12, or more cards. Requires brand colors to be distinct enough to read as separate topics.









