Skip to content

Update homepage device frames and macOS icon - #5277

Merged
Simek merged 1 commit into
react:mainfrom
dheerajkoppu:update-homepage-devices
Oct 13, 2026
Merged

Simek merged 1 commit into
react:mainfrom
dheerajkoppu:update-homepage-devices

Conversation

@dheerajkoppu

Copy link
Copy Markdown
Contributor

Why

The device artwork on the homepage was a few generations behind, so I updated it to reflect the latest devices.

How

Phone images (devices.png, devices-dark.png)

  • Replaced the old frames with the Pixel 10 Pro and iPhone 18 Pro, using silver for light mode and dark finishes for dark mode.
  • Ran both images through ImageOptim for lossless compression.

Hero illustration (Devices.tsx)

  • Updated the macOS icon to macOS Golden Gate and reduced its embedded size from 1024×1024 to 256×256, bringing the file down from 259 KB to 98 KB.
  • Made the iPhone's Dynamic Island slightly narrower to match the iPhone 18 Pro.
  • Adjusted the Android phone's corner radius to better match the Pixel 10 Pro.

Assets

  • iPhone: Official Silver and Black bezels from Apple Design Resources.
  • Pixel: Pixel 10 Pro emulator skins from Android Studio.
  • macOS: Icon extracted from the macOS 27 installer.

Preview

Phones section:
phones-light
phones-dark

Hero illustration:
hero-light
hero-dark

@meta-cla

meta-cla Bot commented Oct 12, 2026

Copy link
Copy Markdown

Hi @dheerajkoppu!

Thank you for your pull request and welcome to our community.

Action Required

In order to merge any pull request (code, docs, etc.), we require contributors to sign our Contributor License Agreement, and we don't seem to have one on file for you.

Process

In order for us to review and merge your suggested changes, please sign at https://code.facebook.com/cla. If you are contributing on behalf of someone else (eg your employer), the individual CLA may not be sufficient and your employer may need to sign the corporate CLA.

Once the CLA is signed, our tooling will perform checks and validations. Afterwards, the pull request will be tagged with CLA signed. The tagging process may take up to 1 hour after signing. Please give it that time before contacting us about it.

If you have received this in error or have any questions, please contact us at cla@meta.com. Thanks!

@dheerajkoppu
dheerajkoppu force-pushed the update-homepage-devices branch from e70414e to 17cb032 Compare October 12, 2026 18:47
@meta-cla meta-cla Bot added the CLA Signed label Oct 12, 2026
@dheerajkoppu

dheerajkoppu commented Oct 12, 2026 •

Copy link
Copy Markdown
Contributor Author

The Netlify preview is timing out, but it seems like a cache issue rather than the PR. The build does pass locally, so clearing the Netlify cache and retrying should fix it.

@Simek Simek left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for the updates! 👍 Tested the changes locally, LGMT! 🚀

@Simek
Simek merged commit 6b990c4 into react:main Oct 13, 2026
5 of 8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants