[mmazco]

Applies the Stellar Design System to /launch/usdt0, and swaps the social card to match. No content changes — the page renders the same 263 lines of text as main, apart from one emoji the design system does not allow as an icon.

What changes

• Consumes @stellar/design-system v4 instead of the page's own hand-picked palette. Every colour in the page CSS resolves to an --sds-* token: no hex, no rgb(), no colour keywords
• Lilac becomes the interactive colour — links, hovers, focus rings, nav state. Gold is retired
• Inter and Inconsolata, the two faces SDS specifies. Both self-hosted, so the page still makes no third-party font request. The IBM Plex Mono files are removed as they are now unused
• The hand-built dark palette is gone; SDS owns both themes via .sds-theme-light / .sds-theme-dark, bridged to the page's existing toggle
• usdt0-og.png replaced with a lilac card at the same filename and dimensions, so existing shares pick it up as caches expire

On the colour

--sds-clr-gold-09 is #fdda24 — the exact yellow this page already used, so the accent was always on-system. What changed is its role. The skill reserves gold as an accent, makes lilac primary interactive, and warns against carrying stellar.org's marketing style onto product surfaces. Beside the docs, the Lab and skills, lilac is what makes this page look like it belongs.

Two things to flag rather than have found

SDS components are not adopted. Step 1 of the skill asks for SDS components before custom ones. This is a token-level restyle: the page keeps its own components and only resolves their colours and fonts to SDS variables. There is no SDS Button, Card or Badge here. For a bespoke landing page that seems a reasonable exception, but it is a deviation and worth naming.

The structured data is still generated outside this repo, which is the same objection raised on #2856. Nothing here improves it — the page is produced by a script that does not live in this repository, so the FAQPage and TechArticle blocks remain a second copy with no in-repo generator. It stays the strongest argument for porting the page to src/pages/launch/usdt0/index.tsx, where SDS tokens would also be considerably easier to apply.

Worth knowing for other surfaces

The skill's dark-mode instruction is wrong for v4. It says to set data-theme="dark" on <html>; the shipped stylesheet uses .sds-theme-light / .sds-theme-dark classes and contains zero data-theme selectors. Following it gives a theme toggle that silently does nothing.

Checked

• Zero colour values outside tokens
• Inter + Inconsolata verified loading via document.fonts.check, not merely declared
• Both themes readable; toggle verified switching
• Contrast: 0 failures across 118 visible elements in both themes
• One h1, no heading skips; addresses in monospace with copy affordances
• No horizontal overflow at 375px

After merge

The card needs a re-scrape so existing shares refresh: X Card Validator and LinkedIn Post Inspector.

🤖 Generated with Claude Code

[github-actions]

PR Preview: https://developers-pr-2919.previews.kube001.services.stellar-ops.com

[stellar-triage-bot]

🤖 Automated message from the Stellar Triage Bot.

Hi @mmazco, thanks for this PR. I saw it, but nobody asked me to review it, so I will not touch it.

How to reach me:

• Anyone with write permission can call me in with a /triage comment or the bot:take label.
• You, as the PR author, can send me away with /triage stop. People with write permission can also add the bot:hands-off label.
• A review request to a maintainer does not call me in. It asks for their judgment.

[kaankacar]

/triage

[stellar-triage-bot]

🤖 Automated message from the Stellar Triage Bot.

Reviewing because @kaankacar asked with /triage.

I pushed 27e9117 with mechanical fixes:

• Two stray } from half-removed blocks. They dropped *{box-sizing:border-box} and .foot-icons.
• The toggle's moon icon was hidden on a light OS. I restored the @media wrapper.
• The first-paint script now reads the toggle's own key, usdt0-atlas-theme.
• SDS added a "-" marker to each venue chip. I turned it off.

@mmazco one question: SDS's .sds-theme-light p rule outranks the page's paragraph classes. So .ncopy, .fcopy, .id-note and others now render at 16px/28px, not 13-15.5px. Is that intended? If not, wrap the inlined SDS in @layer sds { ... } to keep the page's sizes.

[mmazco]

🤖 Automated message from the Stellar Triage Bot.

Reviewing because @kaankacar asked with /triage.

I pushed 27e9117 with mechanical fixes:

• Two stray } from half-removed blocks. They dropped *{box-sizing:border-box} and .foot-icons.
• The toggle's moon icon was hidden on a light OS. I restored the @media wrapper.
• The first-paint script now reads the toggle's own key, usdt0-atlas-theme.
• SDS added a "-" marker to each venue chip. I turned it off.

@mmazco one question: SDS's .sds-theme-light p rule outranks the page's paragraph classes. So .ncopy, .fcopy, .id-note and others now render at 16px/28px, not 13-15.5px. Is that intended? If not, wrap the inlined SDS in @layer sds { ... } to keep the page's sizes.

Not intended — good catch. .sds-theme-light p was outranking .ncopy and friends, so four of the five body-copy classes had moved to 16px/28px. Wrapped the inlined SDS in @layer sds as you suggested.

One wrinkle: the layer alone didn’t finish it. .deck, .id-note and .dep-lead inherit their line-height, and an inherited value loses to any rule targeting the element directly — layered or not — so they stayed at 28px. Added bare p,ul,ol{line-height:inherit;margin:revert} outside the layer, specific enough to beat SDS and not the page’s classes.

Also moved your four fixes into the source the page is generated from, so the next build doesn’t undo them. All eleven typography measurements now match the live page.

[github-actions]

PR Preview: https://developers-pr-2919.previews.kube001.services.stellar-ops.com

[stellar-triage-bot]

🤖 Automated message from the Stellar Triage Bot.

Back on this because @mmazco replied.

Thanks @mmazco. I checked the @layer sds fix and the bare p,ul,ol rule. Every paragraph class sets its own size, and no earlier page rule targets bare p, ul or ol. My four fixes are still in place, and the CSS braces balance.

I pushed 8be0858: it adds the Inconsolata OFL licence and drops the unused IBM Plex licence.

Verified, and build and mdx-format are green at 5bb7563. No live preview was available for this review. Ready to merge.
External-origin change, so a maintainer merges this.

[mmazco]

Closing: this changed static/launch/usdt0.html, which #2941 removed when it moved the site to Mintlify. /launch/usdt0 is now launch/usdt0.mdx rendering snippets/usdt0-launch.jsx, and the Mintlify theme already uses lilac (#6E56CF) and Inter. Any remaining SDS alignment for the USDT0 page will go into that snippet after cutover.