Skip to content

feat: upgrade cover images from thumbnails to accent banners#66

Merged
meninoebom merged 1 commit into
mainfrom
meninoebom/feed-cover-image-sizing
Apr 22, 2026
Merged

feat: upgrade cover images from thumbnails to accent banners#66
meninoebom merged 1 commit into
mainfrom
meninoebom/feed-cover-image-sizing

Conversation

@meninoebom
Copy link
Copy Markdown
Owner

Summary

  • Replace 56px circular thumbnails with full-width accent banners in the feed (3:1 aspect ratio)
  • Permalink pages get a wider 5:2 banner for more breathing room
  • Consolidates two separate image render paths (feed vs permalink) into one unified block above the body text

Design Research

Based on patterns from The Marginalian, Medium, Substack, and Ghost:

  • 3:1 aspect ratio adds visual flavor without overwhelming writing (~220px tall vs 380px for 16:9)
  • Full content width creates coherence with the text column
  • Works well on mobile (unlike 16:9 which feels thin on small screens)
  • Acts as a section divider signaling "new theme starts here" in the continuous stream

Test plan

  • Feed view: themes with images show full-width 3:1 banner above body text
  • Feed view: themes without images render normally (no empty space)
  • Permalink view: image displays at 5:2 aspect ratio
  • Mobile: images still have visual presence, not paper-thin
  • object-cover handles square AI-generated images gracefully (crops center)

🤖 Generated with Claude Code

Replace 56px circular thumbnails with full-width accent banners.
Feed uses 3:1 aspect ratio (cinematic divider), permalink uses 5:2
(more breathing room). Consolidates two separate image render paths
into one unified block above the body text.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@railway-app
Copy link
Copy Markdown

railway-app Bot commented Apr 22, 2026

🚅 Deployed to the breadcrumbs-pr-66 environment in Breadcrumbs

Service Status Web Updated (UTC)
Breadcrumbs Web App Server ✅ Success (View Logs) Web Apr 22, 2026 at 7:16 am

@railway-app railway-app Bot temporarily deployed to Breadcrumbs / breadcrumbs-pr-66 April 22, 2026 07:13 Destroyed
@meninoebom meninoebom merged commit fe59ffe into main Apr 22, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant