Blog Archive Page

Create a blog archive/listing page:

1. PAGE HEADER
- Page title: "Blog" or "All Articles"
- Post count: "128 articles"
- Search bar

2. FILTER OPTIONS
Categories:
- All (default)
- Technology
- Design
- Tutorials
- Opinion
- News

Tags (if separate from categories):
- Popular tags as clickable pills

Sort by:
- Latest (default)
- Oldest
- Most Popular
- Most Commented

3. POST LIST LAYOUT

Option A - List view:
- Featured image left
- Content right
- Title, excerpt, meta

Option B - Grid view:
- Cards in 2-3 columns
- Image top, content bottom

Option C - Mixed:
- Featured post large
- Rest in grid

4. POST CARD ELEMENTS
- Featured image
- Category badge
- Title (linked)
- Excerpt (2-3 lines)
- Author avatar and name
- Date
- Read time
- Tags (optional)

5. PAGINATION
Option A - Numbered:
- Previous, 1, 2, 3, ..., 10, Next
- Current page highlighted

Option B - Load more:
- "Load More Posts" button
- Shows loading state

Option C - Infinite scroll:
- Auto-loads on scroll
- "Back to top" button

6. SIDEBAR (optional)
- Search
- Categories list
- Popular posts
- Tags cloud
- Newsletter signup
- About widget
- Social follow

7. EMPTY STATE
When no posts match filter:
- "No articles found"
- "Try a different category"
- Suggested posts

8. CATEGORY/TAG ARCHIVE
When viewing specific category:
- Category name as title
- Category description
- Post count
- Filtered posts

Design: Scannable, easy to browse. Good use of whitespace. Quick access to posts.