TudorandClaude Opus 5
eddf74745f
Same 16:9 frame, but not a drop-in replacement — the composition, palette and
copy area all moved, and each one drives a change here.
COPY AREA
The old artwork was a flat #FDF9F3 down its whole left side. This one runs
peach #FEE8D2 at the top to cream #FDF3E7 around 43% height, and below ~48%
the left edge is foliage rather than cream at all. --hero-ground is resampled
to #FEF2E1, the middle of the pale run where the headline and search actually
sit; the scrim covers the foliage further down.
Measured on rendered pixels with the text hidden, sampling the real glyph runs
(via Range, not the element boxes) plus a 120px growth margin:
title body byline
light 13.61:1 5.74:1 6.66:1
dark 9.49:1 5.45:1 8.35:1
Body drops from 6.52:1 to 5.74:1 as the foliage comes closer, still clear.
BAND CROP
The schoolhouse moved to ~82% across the frame, leaving only ~140px of artwork
to its right, so the band crop is anchored to the right edge and takes 1344px
back — putting the school at 73%, which the build script now derives and
prints rather than leaving it to drift from the CSS.
The crop is also 3.2:1 rather than matching the phone. The band is not one
ratio: it runs 2.4:1 on a phone to about 3.8:1 under the one-column
breakpoint. Cropping at the narrow end means the wide end throws away height,
which cut the flag off the roof and the base off the building. Sitting above
the middle costs a little width on phones — where the crop's left is hillside —
and keeps the building whole where it matters.
BAND HEIGHTS
Raised to 13rem (861–860px) and 10rem (≤640px). The band was widest-per-height
at exactly 640px, where an 8.5rem band measured 4.2:1 — worse than any wider
viewport, because the height steps down at that breakpoint while the width does
not. Ratios across the range are now 2.0 / 2.6 / 3.6 / 3.1 / 3.8 rather than
spiking. The search still lands at 442px on a 667px viewport.
WEIGHT
Source is 3.1MB; a browser fetches one file — 29–59kB on desktop, 10–14kB on a
phone. Widths re-cut for the larger master: 2000/1400/1000 wide, 1344/900/600
band.
Verified: 0 AA failures across both themes at 1440 / 860 / 390, every srcset
entry present on disk with no orphans, tsc clean, 159/159, build green.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
1.5 KiB
Brand asset provenance
Every image shipped in this folder, where it came from, and what we are allowed to do with it. Add a row before adding a file — in two years nobody will remember, and "we think it was fine" is not a licence.
mark.png, mark-on-dark.png
The schoolcompare mark, extracted from the logo sheet supplied by the project
owner. Two colourways on one 176×208 canvas — see components/Logo.tsx for why
they must share a canvas.
- Source: supplied by the project owner
- Licence: owned by the project
Only a 153×189 instance exists on the supplied sheet, so the 512px PWA icon is upscaled and slightly soft. A vector (SVG/AI/EPS) dropped in here and regenerated fixes it; every consumer goes through
components/Logo.tsxor this folder, so it is one swap.
hero-wide-*, hero-band-*
The landing hero illustration: a path climbing through hills to a schoolhouse, with an empty cream area on the left reserved for the headline.
- Source: supplied by the project owner
- Master:
nextjs-app/assets/hero-source.png(2000×1125 PNG), committed so the derivatives can be regenerated - Derivatives:
node scripts/build-hero-images.js— never hand-edit these - Licence: to be confirmed by the project owner
⚠️ The licence line above is the one thing here that is not verified. If this artwork was bought, generated, or commissioned, record which — and keep the receipt or licence key alongside it. It is the most prominent image on the site.