Eko Blog Archive Page Copy
Purpose: Section-by-section copy for the blog archive at eko.day/blog/archive. The archive provides a chronological, filterable view of all published blog posts — useful for readers who want to browse the full catalog rather than the curated blog home.
Source: Features Document
Section 1: Page Header
Component:
ArchiveHeader— simple page header with heading and subheading
Breadcrumb
Blog > Archive
Heading
Blog Archive
Subheading
Browse every post we've published, from the very first to the latest.
Section 2: Filter & Sort Controls
Component:
ArchiveFilters— horizontal row of filter and sort controls above the archive list
Controls
| Control | Type | Options |
|---|---|---|
| Category | Dropdown | All (default), Product, Engineering, Stories |
| Date range | Dropdown | All time (default), Last 30 days, Last 90 days, This year |
| Sort by | Toggle | Newest first (default), Oldest first |
Design note: Filters update the list in place without a page reload. Active filters are shown as removable chips below the control row. The URL updates with query params (e.g.,
/blog/archive?category=engineering&sort=oldest) for shareable filtered views.
Section 3: Archive List
Component:
ArchiveList— chronological grouped list of all published posts
Grouping
Posts are grouped by month and year, with the group heading as a sticky label:
February 2026
────────────────────────────────────────
How competitive intelligence helps PMs Product Feb 11 3 min read
The art of meaningful change detection Engineering Feb 8 5 min read
January 2026
────────────────────────────────────────
From manual checking to peace of mind Stories Jan 22 4 min read
...
Row Structure
| Element | Description |
|---|---|
| Title | Post title, links to /blog/:slug |
| Category | Text label — Product, Engineering, or Stories |
| Date | Publication date in short format (e.g., "Feb 11") |
| Reading time | Estimated reading time (e.g., "3 min read") |
Empty State
No posts published yet. Check back soon — we're working on something great.
Design note: The archive list is a compact, scannable format — no images or excerpts. This is intentional; the archive is for browsing, not discovery. The blog home and category pages handle rich card layouts.
Section 4: Pagination
Component:
ArchivePagination— load-more or page-based navigation at the bottom of the list
Behavior
| Element | Description |
|---|---|
| Posts per page | 20 |
| Navigation | "Load more" button |
| End state | "You've reached the beginning." (when all posts are loaded) |
Design note: The archive loads 20 posts at a time to keep initial page load fast. "Load more" appends the next batch in place. The total post count is shown at the top of the list (e.g., "47 posts").
Section 5: Final CTA
Component:
ArchiveFooterCTA— closing call to action
Heading
Want to see Eko in action?
Body
Stop checking pages manually. Eko monitors them for you and tells you when something meaningful changes.
Primary CTA
Get started free → /signup
Secondary CTA
Back to blog → /blog