diff --git a/.claude/commands/figma-build-page.md b/.claude/commands/figma-build-page.md index 949407424f..9d452418a7 100644 --- a/.claude/commands/figma-build-page.md +++ b/.claude/commands/figma-build-page.md @@ -170,6 +170,12 @@ For each scheduled export from Step 6 (sourced from the Assets frame per Step 6A ``` **No `-resize` flag** — preserve the source's native dimensions. (For very large source PNGs above ~2000px, you may add `-resize "1500x1500>"` to cap size for web, but otherwise leave the native size alone — the designer chose it.) The `-alpha remove -alpha off` flattens alpha onto the `-background` color BEFORE the JPEG encoder strips alpha to white, giving the correct background instead of white. + **Size budget — ≤250 KB per non-hero photo, ≤500 KB for the hero.** After step 4, check the JPG size. If a non-hero photo lands above ~250 KB (a hero may go to ~500 KB), re-encode at lower quality: + ``` + magick .jpg -resize "1500x1500>" -quality 78 /tmp/recomp.jpg && mv /tmp/recomp.jpg .jpg + ``` + Why: cumulative image weight across a single page's `require()` calls (often 5–10 images at ~250 KB) plus the rest of the bundle pushes Redocly's cloud builder close to its memory cap. Three outlier 600–670 KB photos on one branch contributed to an OOM build failure; consistent ≤250 KB compression keeps headroom. + 5. Save with the `-feature-media-N.jpg` (or `-hero-media.jpg`, `-video-poster.jpg`, etc.) naming convention from Step 6. **DO NOT use `get_screenshot` on the media frame** — instance children inside design-system components have IDs like `I;<...>` which are not screenshotable, and the MCP rejects them. The composite-from-raw-asset approach above works for all cases. diff --git a/pages/payments/sections/HeroSection.tsx b/pages/payments/sections/HeroSection.tsx index f161bed5c9..82f51d3d23 100644 --- a/pages/payments/sections/HeroSection.tsx +++ b/pages/payments/sections/HeroSection.tsx @@ -15,7 +15,7 @@ export const HeroSection: React.FC = () => { "The XRP Ledger Payments Infrastructure is a payments solution for use cases including stablecoin payments, cross-border remittance, B2B payment rails, and merchant settlement.", )} media={{ - src: "/img/payments/payments-infrastructure-hero.png", + src: "/img/payments/payments-infrastructure-hero.jpg", alt: translate("Payments Infrastructure"), }} /> diff --git a/redocly.yaml b/redocly.yaml index 776cb02350..07c2893888 100644 --- a/redocly.yaml +++ b/redocly.yaml @@ -6,6 +6,11 @@ ignore: - _code-samples/create-amm/ts/tsconfig.json - resources/contribute-blog/_blog-template.md - resources/contribute-documentation/_tutorial-template.md + # Internal design-system showcase pages — keep out of production builds. + # These ~32 component demos widen the module graph and contributed to a + # Redocly cloud OOM build failure. They remain usable in `realm develop`. + - showcase/**/*.page.tsx + - showcase/**/*.md l10n: defaultLocale: en-US locales: diff --git a/static/img/backgrounds/Callout.jpg b/static/img/backgrounds/Callout.jpg index 9649c492a0..e05d11f6f7 100644 Binary files a/static/img/backgrounds/Callout.jpg and b/static/img/backgrounds/Callout.jpg differ diff --git a/static/img/bds-2026/community-developer-funding-carousel-1.jpg b/static/img/bds-2026/community-developer-funding-carousel-1.jpg index 32ff1ada85..2c64a43e04 100644 Binary files a/static/img/bds-2026/community-developer-funding-carousel-1.jpg and b/static/img/bds-2026/community-developer-funding-carousel-1.jpg differ diff --git a/static/img/bds-2026/community-developer-funding-carousel-2.jpg b/static/img/bds-2026/community-developer-funding-carousel-2.jpg index 6d5a51b5c6..32dfd76626 100644 Binary files a/static/img/bds-2026/community-developer-funding-carousel-2.jpg and b/static/img/bds-2026/community-developer-funding-carousel-2.jpg differ diff --git a/static/img/bds-2026/community-developer-funding-carousel-3.jpg b/static/img/bds-2026/community-developer-funding-carousel-3.jpg index 83352d8230..f9c0d19165 100644 Binary files a/static/img/bds-2026/community-developer-funding-carousel-3.jpg and b/static/img/bds-2026/community-developer-funding-carousel-3.jpg differ diff --git a/static/img/bds-2026/community-feature-media-1.jpg b/static/img/bds-2026/community-feature-media-1.jpg index ede19d841e..0c5330690b 100644 Binary files a/static/img/bds-2026/community-feature-media-1.jpg and b/static/img/bds-2026/community-feature-media-1.jpg differ diff --git a/static/img/bds-2026/community-feature-media-2.jpg b/static/img/bds-2026/community-feature-media-2.jpg index 3bc8679e81..121e4b8d27 100644 Binary files a/static/img/bds-2026/community-feature-media-2.jpg and b/static/img/bds-2026/community-feature-media-2.jpg differ diff --git a/static/img/bds-2026/community-feature-media-3.jpg b/static/img/bds-2026/community-feature-media-3.jpg index 926d64102e..3ef04d651e 100644 Binary files a/static/img/bds-2026/community-feature-media-3.jpg and b/static/img/bds-2026/community-feature-media-3.jpg differ diff --git a/static/img/bds-2026/community-hero-media.jpg b/static/img/bds-2026/community-hero-media.jpg index 0ea489f87e..920a20b386 100644 Binary files a/static/img/bds-2026/community-hero-media.jpg and b/static/img/bds-2026/community-hero-media.jpg differ diff --git a/static/img/bds-2026/develop-feature-media-7.jpg b/static/img/bds-2026/develop-feature-media-7.jpg index ffcb3cc6d5..9d34d1a2d4 100644 Binary files a/static/img/bds-2026/develop-feature-media-7.jpg and b/static/img/bds-2026/develop-feature-media-7.jpg differ diff --git a/static/img/bds-2026/develop-hero-media.jpg b/static/img/bds-2026/develop-hero-media.jpg index 4c9fd2af4c..d1b8ed96ef 100644 Binary files a/static/img/bds-2026/develop-hero-media.jpg and b/static/img/bds-2026/develop-hero-media.jpg differ diff --git a/static/img/bds-2026/docs-feature-media-1.jpg b/static/img/bds-2026/docs-feature-media-1.jpg index 34f0ec8e87..88106912d6 100644 Binary files a/static/img/bds-2026/docs-feature-media-1.jpg and b/static/img/bds-2026/docs-feature-media-1.jpg differ diff --git a/static/img/bds-2026/docs-feature-media-2.jpg b/static/img/bds-2026/docs-feature-media-2.jpg index fde92f7bb3..d2cf8f7ee7 100644 Binary files a/static/img/bds-2026/docs-feature-media-2.jpg and b/static/img/bds-2026/docs-feature-media-2.jpg differ diff --git a/static/img/bds-2026/docs-feature-media-3.jpg b/static/img/bds-2026/docs-feature-media-3.jpg index c404d38be1..738fe6cdc1 100644 Binary files a/static/img/bds-2026/docs-feature-media-3.jpg and b/static/img/bds-2026/docs-feature-media-3.jpg differ diff --git a/static/img/bds-2026/docs-feature-media.jpg b/static/img/bds-2026/docs-feature-media.jpg index b4f7b984e2..b8c0164c1c 100644 Binary files a/static/img/bds-2026/docs-feature-media.jpg and b/static/img/bds-2026/docs-feature-media.jpg differ diff --git a/static/img/bds-2026/resources-feature-media-6.jpg b/static/img/bds-2026/resources-feature-media-6.jpg deleted file mode 100644 index 021dfa4de9..0000000000 Binary files a/static/img/bds-2026/resources-feature-media-6.jpg and /dev/null differ diff --git a/static/img/bds-2026/trading-feature-media-3.jpg b/static/img/bds-2026/trading-feature-media-3.jpg index 3ce31cfcf1..1c4b45630c 100644 Binary files a/static/img/bds-2026/trading-feature-media-3.jpg and b/static/img/bds-2026/trading-feature-media-3.jpg differ diff --git a/static/img/bds-2026/use-cases-tokenization-hero-media.jpg b/static/img/bds-2026/use-cases-tokenization-hero-media.jpg index 4acd57ff91..012c4f3101 100644 Binary files a/static/img/bds-2026/use-cases-tokenization-hero-media.jpg and b/static/img/bds-2026/use-cases-tokenization-hero-media.jpg differ diff --git a/static/img/bds-2026/use-cases-tokenization-mpts-media.jpg b/static/img/bds-2026/use-cases-tokenization-mpts-media.jpg index fb8f98ee19..8f75a94a68 100644 Binary files a/static/img/bds-2026/use-cases-tokenization-mpts-media.jpg and b/static/img/bds-2026/use-cases-tokenization-mpts-media.jpg differ diff --git a/static/img/bds-2026/use-cases-tokenization-stay-connected-media.jpg b/static/img/bds-2026/use-cases-tokenization-stay-connected-media.jpg index 59106ce5da..84d20d4a5a 100644 Binary files a/static/img/bds-2026/use-cases-tokenization-stay-connected-media.jpg and b/static/img/bds-2026/use-cases-tokenization-stay-connected-media.jpg differ diff --git a/static/img/bds-2026/use-cases-tokenization-token-utility-1-trading.jpg b/static/img/bds-2026/use-cases-tokenization-token-utility-1-trading.jpg index 5fc13e9c4f..faa5aa5174 100644 Binary files a/static/img/bds-2026/use-cases-tokenization-token-utility-1-trading.jpg and b/static/img/bds-2026/use-cases-tokenization-token-utility-1-trading.jpg differ diff --git a/static/img/bds-2026/use-cases-tokenization-token-utility-2-collateral.jpg b/static/img/bds-2026/use-cases-tokenization-token-utility-2-collateral.jpg index a952760d04..f18b49e2c8 100644 Binary files a/static/img/bds-2026/use-cases-tokenization-token-utility-2-collateral.jpg and b/static/img/bds-2026/use-cases-tokenization-token-utility-2-collateral.jpg differ diff --git a/static/img/bds-2026/use-cases-tokenization-token-utility-3-delegated.jpg b/static/img/bds-2026/use-cases-tokenization-token-utility-3-delegated.jpg index d2be9ac20f..c291653ba2 100644 Binary files a/static/img/bds-2026/use-cases-tokenization-token-utility-3-delegated.jpg and b/static/img/bds-2026/use-cases-tokenization-token-utility-3-delegated.jpg differ diff --git a/static/img/bds-2026/use-cases-tokenization-token-utility-media.jpg b/static/img/bds-2026/use-cases-tokenization-token-utility-media.jpg index fe934abfcb..b69e60c00d 100644 Binary files a/static/img/bds-2026/use-cases-tokenization-token-utility-media.jpg and b/static/img/bds-2026/use-cases-tokenization-token-utility-media.jpg differ diff --git a/static/img/cards/card-image-scaling-demo.png b/static/img/cards/card-image-scaling-demo.png index c3f7cce51a..819c4d9c34 100644 Binary files a/static/img/cards/card-image-scaling-demo.png and b/static/img/cards/card-image-scaling-demo.png differ diff --git a/static/img/home/coin-finance.png b/static/img/home/coin-finance.png index 9a4b42c770..19ca2d7a79 100644 Binary files a/static/img/home/coin-finance.png and b/static/img/home/coin-finance.png differ diff --git a/static/img/home/keyboard-switch.png b/static/img/home/keyboard-switch.png index 9e4c9617e3..31e023b460 100644 Binary files a/static/img/home/keyboard-switch.png and b/static/img/home/keyboard-switch.png differ diff --git a/static/img/home/men-review-app.png b/static/img/home/men-review-app.png index 23c4a00857..60999f1f1a 100644 Binary files a/static/img/home/men-review-app.png and b/static/img/home/men-review-app.png differ diff --git a/static/img/home/ripple-icon-timed.png b/static/img/home/ripple-icon-timed.png index 673894e080..30fc0381bf 100644 Binary files a/static/img/home/ripple-icon-timed.png and b/static/img/home/ripple-icon-timed.png differ diff --git a/static/img/home/xrpl-scaffolding.png b/static/img/home/xrpl-scaffolding.png index c28b3dfa34..ed14a972be 100644 Binary files a/static/img/home/xrpl-scaffolding.png and b/static/img/home/xrpl-scaffolding.png differ diff --git a/static/img/payments/man-writing.jpg b/static/img/payments/man-writing.jpg index a130c8c6c4..3b7df2ff18 100644 Binary files a/static/img/payments/man-writing.jpg and b/static/img/payments/man-writing.jpg differ diff --git a/static/img/payments/payments-infrastructure-hero.jpg b/static/img/payments/payments-infrastructure-hero.jpg new file mode 100644 index 0000000000..91adf4d74d Binary files /dev/null and b/static/img/payments/payments-infrastructure-hero.jpg differ diff --git a/static/img/payments/payments-infrastructure-hero.png b/static/img/payments/payments-infrastructure-hero.png deleted file mode 100644 index db8b3e4079..0000000000 Binary files a/static/img/payments/payments-infrastructure-hero.png and /dev/null differ