# Rendered iMac frame

S101 uses the existing rendered iMac 27-inch frame from [HTML5 Device Mockups](https://github.com/pixelsign/html5-device-mockups), credited upstream to [Koy Carraway](https://dribbble.com/shots/438772-iMac-27-Fully-Scalable-PSD). This is a third-party device rendering, not a TDW illustration or TDW-owned design.

- Upstream revision: `e5a38fc2f8bd43bdfee2acfc5cd7bae12a078ec2`.
- Original file: `device-mockups/iMac/portrait_black.png`.
- Download: https://raw.githubusercontent.com/pixelsign/html5-device-mockups/e5a38fc2f8bd43bdfee2acfc5cd7bae12a078ec2/device-mockups/iMac/portrait_black.png
- Retrieved: 2026-10-11.
- Delivered file: `imac-frame.png`, the original unmodified PNG, 1843 × 1483 pixels, 345,517 bytes.
- SHA-256: `0cbc69675bd2c84525081375aad774df10ec54fba7b592c22f4c12c5b39abbe4`.
- The upstream package publishes an MIT licence; its exact notice is retained in `imac-license.txt`, and the upstream graphic credits are retained in `imac-upstream-credits.txt`. Keep these files with the frame when copying or distributing S101.
- Apple/iMac marks and the depicted product remain their owners' property. No affiliation or endorsement is claimed.

## Adapting the screen

Keep the original rendered image and its native 1843:1483 aspect ratio. Replace only the content in `[data-slot="screen"]`. Do not reconstruct or recolour the bezel, camera, aluminium chin, stand or foot with CSS.

The upstream [screen coordinates](https://github.com/pixelsign/html5-device-mockups/blob/e5a38fc2f8bd43bdfee2acfc5cd7bae12a078ec2/dist/device-mockups.css) are percentages of the full frame: top 5.0573162508%, left 4.0694519805%, width 91.8610960391%, height 64.194200944%. The screen content is layered above the image inside that aperture. The device render and desk contact shadow stay visible throughout the existing proof-picture animations.