Measured actual GitHub display: 838×279px at 1365px viewport.
Previous content (mark=216px, wordmark=132px) rendered at 83px/51px —
too small for the available space.
New target sizes calibrated to display dimensions:
mark 216 → 285px target → 110px at 838px display (+32%)
wordmark 132 → 170px target → 55px height at display (+35%)
tagline 62 → 78px target → 30px at display (+26%)
A in mark 160 → 210px target
Reduced inter-element gaps to keep content within 724px height;
fills ~84% of banner, leaving ~23px display margin each side.
At GitHub's ~840px README width, 2172×724 renders at 840×280px.
Previous element sizes (mark 130px, wordmark 80px) became 50px and 31px
at display — too small to read clearly.
Scale everything ~1.65× to fill ~80% of banner height:
mark 130 → 216px at target (≈ 83px at 840px display)
wordmark 80 → 132px at target (≈ 51px at display)
tagline 38 → 62px at target (≈ 24px at display)
A in mark 96 → 160px at target
Proportional gap increases maintain the same visual rhythm.
Previous version had three inelegancies visible on GitHub:
- Full-width ghost rule read as an artifact dividing the banner in half
- Top terracotta bar looked like site header chrome
- Radial gradient created compression banding at CDN quality
v5 design:
- Terracotta rounded-rect logo mark (130px) with Paper 'A' inside —
the actual brand element per the style guide, not a floating letter
- Flat Shell / Paper background — compresses losslessly, zero banding
- No top bar, no ghost rule, no gradient gimmicks
- Same crisp Cormorant Garamond SemiBold + 2x supersample + Lanczos
- Both dark and light variants updated with identical layout
Replace app-icon-style horizontal lockup with centered stacked
composition: large standalone terracotta 'A' mark → thin parchment
rule → wide-tracked cream wordmark → amber italic tagline.
Edge-darkening vignette clears the center and frames the bokeh
atmosphere without muddying the text zone.
Render generated-image.png (blurred library bokeh, prompt 3) as the
dark-mode README banner with logo mark, wordmark, tagline, and
terracotta top rule composited on top via Pillow.
Switch README dark-mode <source> from banner-dark.svg to banner-dark.png.
Light-mode banner stays as the clean Paper SVG.
