Here’s what it covers:
Archive/Blog index page
- 3-column card grid on desktop, 2 on tablet, 1 on mobile
- Cards with white background, rounded corners, teal hover border — matching your existing page cards
- Featured image with subtle zoom on hover
- Category tag in teal pill (same style as your Health Insights page)
- Post title in Cormorant Garamond, excerpt clamped to 3 lines, “Read More →” link
- Styled pagination with teal active state
Single post page
- Centred reading column (max 760px)
- Large hero image at top
- Heading hierarchy in Cormorant Garamond
- Blockquote styled with teal left border and teal-light background
- Unsplash photo captions styled as small italic text (for attribution compliance)
- Prev/Next post navigation at the bottom
One thing to note — since your archive is currently empty, the grid layout will kick in automatically once you publish your first post. If after adding posts anything looks off (because Hello Theme uses slightly different class names), share a screenshot and I’ll tweak the selectors.