Preview image. Unlock full-res
Filterable fifteen-card grid mapping SEO and marketing use cases with teal active chip, tool-count badges, and two gradient hero cards.
Summary
Choose your area of interest section with horizontal filter chips and a three-column card grid cataloging Semrush tool categories, tool counts, and learn-more links.
Visual description
White page led by large black heading Choose your area of interest. Row of rounded filter chips follows: active All chip in teal with white text, inactive chips in white with gray borders for Online Visibility, AI, Competitor and Market Insights, Local Presence, Content and Brand Visibility, and Lead Generation. Below, a five-row three-column grid of white rounded cards with thin gray borders. Each card has a bold title, gray description, bottom-left Learn more link, and many show a small gray tool-count badge such as 6 tools or 3 tools; some links include external-link icons. AI SEO card uses peach-to-blue gradient fill; Enterprise card uses light blue with abstract wave lines; remaining cards stay plain white. Categories include Keyword Research, Content Optimization, Link Building, Rank Tracking, Technical SEO, Competitive analysis, Local SEO, Advertising, Content Marketing, Social Media, and AI PR.
Key takeaway
Filter chips above a dense card grid let one component serve both browse and narrow intents. Tool-count badges make abstract categories feel tangible. Reserving gradient fills for flagship cards creates hierarchy without breaking the grid rhythm.
Reuse notes
Ideal for product suites with many modules or ICP-specific entry points. Fifteen cards need strong taxonomy; fewer products should reduce rows rather than shrink type. External-link icons signal enterprise or partner destinations clearly.
