Preview image. Unlock full-res
A filterable three-column blog grid with pill category filters, featured yellow tag, and serif article card titles on cream.
Summary
A resources page with pill filters, article count, and a three-column grid of rounded article cards with category tags and Read links.
Visual description
Cream background. Top left: four pill filter buttons (All active in dark charcoal, Weight Loss, Hormonal Health, Lifestyle outlined). Top right: "13 articles" in light grey. Three-column grid of rounded cards with subtle borders. Each card has a small category pill (grey or bright yellow FEATURED), serif title, two-line excerpt, date bottom-left, "Read ?" bottom-right. Thirteen cards visible across four rows. Dark circular chat FAB on right edge.
Key takeaway
A single bright yellow FEATURED tag breaks an otherwise neutral grid without redesigning the card component. Pill filters plus article count set expectations before scrolling.
Reuse notes
Good for health or wellness content hubs. Filter pills work for three to five categories max. Serif titles add editorial authority over typical blog sans-serif stacks.
