Give product screenshots a painterly atmospheric stage

Browse Source

Float each screenshot over an ambient wash painted from its own colours (a tiny
blurred thumbnail), layered with the aurora, a designed green->teal gradient,
and fine film grain — the "based on our real product screenshot" treatment.
- ui/art-stage: reusable atmospheric stage (ambient LQIP + aurora + grain + a
  floating shot with depth)
- hero + bento: swap the flat frames for ArtStage
- public/images/ambient: per-screenshot colour-wash thumbnails (<250B each)
- remove the now-unused media-frame

e2e green (12 passed).

...

This commit is contained in:

ZacharyZhang-NY committed 2026-07-07 23:16:56 -04:00

1 parent 8f1a5f1f4e

commit 2e8121d8b9

10 files changed

+83 -59

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

landing/public/images/ambient/connectors.webp

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 96 B

landing/public/images/ambient/cost-controls.webp

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 96 B

landing/public/images/ambient/dashboard.webp

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 118 B

landing/public/images/ambient/messages.webp

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 116 B

landing/public/images/ambient/office.webp

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 232 B

landing/public/images/ambient/org-chart.webp

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 108 B