Eko Blog Categories Page Copy
Purpose: Section-by-section copy for the blog category listing pages at eko.day/blog/category/:category. Each category gets its own filtered view with a tailored hero description. Three categories are defined: Product, Engineering, and Stories.
Source: Features Document
Section 1: Category Hero
Component:
CategoryHero— heading and description paragraph, scoped to the active category
Layout
| Element | Description |
|---|---|
| Breadcrumb | Blog > Category Name |
| Heading | Category name as h1 |
| Description | Category-specific paragraph (see below) |
Section 2: Category Descriptions
Design note: Each category has its own heading and description copy. The heading is the category name; the description explains what readers will find.
Product
Heading
Product
Description
Product updates, feature launches, and how-to guides. Learn what's new in Eko, how to get the most out of every feature, and where we're headed next.
Engineering
Heading
Engineering
Description
Technical deep-dives, architecture decisions, and performance insights. A look behind the curtain at how Eko detects meaningful changes, filters noise, and scales reliable monitoring.
Stories
Heading
Stories
Description
Customer use cases, workflows, and real-world monitoring wins. See how people use Eko to stay on top of the web pages that matter to them — from price tracking to competitive intelligence.
Section 3: Posts Grid
Component:
PostCardGrid— paginated card grid filtered to the active category
Card Structure
Same as the blog home page post cards:
- Thumbnail, category badge, title, excerpt, meta line (author, date, reading time)
Pagination
| Element | Description |
|---|---|
| Posts per page | 9 (3x3 grid) |
| Navigation | "Load more" button at the bottom of the grid |
| Empty state | "No posts in this category yet. Check back soon." |
Design note: Pagination uses cursor-based loading ("Load more") rather than page numbers, keeping the interface simple. The post count is shown above the grid (e.g., "12 posts").
Section 4: Cross-Category Navigation
Component:
CategoryNav— horizontal links to other categories
Heading
Explore other topics
Links
| Label | Route |
|---|---|
| All posts | /blog |
| Product | /blog/category/product |
| Engineering | /blog/category/engineering |
| Stories | /blog/category/stories |
Design note: The current category link is visually distinguished (active state). The "All posts" link always appears first and returns to the unfiltered blog home.
Section 5: Newsletter CTA
Component:
NewsletterSignup— category-aware signup prompt
Heading
Never miss a post
Body (per category)
| Category | Body |
|---|---|
| Product | Get notified when we ship new features or publish product guides. |
| Engineering | Get our engineering posts delivered to your inbox — architecture, performance, and technical deep-dives. |
| Stories | Hear how real people use Eko to monitor what matters. New stories in your inbox. |
Primary CTA
Create an account → /signup