Images
Coffer ships no photographs — every graphic in it is drawn in code, so there is no stock licence to prove and nothing to replace before you sell what you build. These are the frames your own images go into.
Aspect ratios
the frame holds its shape before the image loads, so nothing jumps
1:1
4:3
16:9
3:4
Give the frame the ratio and the browser reserves the space immediately. Without it the page reflows the moment the image arrives, which is the single most common cause of a layout shift.
Corners
three, and no more
square
3px
circle
A figure
an image with something to say about it
Your image
Thumbnails
an attachment strip, the way a bill shows its receipts
receipt-01.jpg
receipt-02.jpg
invoice.pdf
contract.pdf
photo.png
What to write in the alt text
the rule the validator enforces on every page here
Say what it shows, not what it is. “Receipt for September electricity, $410.28” — not “image” or “receipt.jpg”.
Leave it empty when the image adds nothing — a decorative rule or a background texture takes
alt="", so a reader is not made to listen to it.
Never leave the attribute off. A missing
alt makes a screen reader read the file name aloud. npm run build fails on it.