Launch page design - #60
Merged
Merged
Conversation
Fixed field behind the launch frame, independent of Home's hero.ts and its shared chunk. Phase follows scroll, drifts upward on scroll and morphs slowly on its own; paints once and stays still under prefers-reduced-motion. 0.3 opacity, 0.13 at 768px and below. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
- <form novalidate> with a submit handler, so Enter submits; keeps the existing email check, translated error, loading text and toasts. - Scoped per instance instead of by id, so the page can carry more than one form; a successful signup flips every form on the page. - Success restyled as the mockup's receipt: a confirmed row with the submitted address, then the success line. Announced once, from the form that was submitted. - Drops Button.astro here: its mono uppercase treatment and opacity hover don't match the design. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
- LaunchPage.astro holds the whole page; pages/launch.astro and pages/[lang]/launch.astro now only render it (plus getStaticPaths). - Frame with hero, three cards, bridge line, mining, wallet and Telegram, and a closing signup. The field sits outside the frame and shows faintly behind the hero. - Supply cap and proof-of-work move into the Sound money card; the mining guide link moves to the mining section with its tracking. - Store and Telegram links come from APP_LINKS and SITE_SOCIALS. - Neutrals use existing colour tokens; hover, pressed and gradient colours are page-local custom properties. Headings use the site white. - Removes AsciiFrame (Home's hero field) and FactsSection. Copy keys are added in the following commits. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Reuses meta, hero.eyebrow (now the h1), email_aria, error_message and
success.headline unchanged. Rewrites email_placeholder, success.sub and
submit_label ("Notify me": sentence case, no uppercase in the string).
Adds hero.sub, signup.micro, cards.*, bridge, mining.*, wallet.*,
community.* and final.title. Removes signup.headline, facts.* and
mining_cta, which nothing renders any more.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
de-DE, es-ES, id-ID, ru-RU, ja-JP, ko-KR, zh-CN and hi-IN get the same key changes as en-US. New and rewritten values are MACHINE-DRAFTED and need a native-speaker pass before release. Unchanged keys keep their existing translations; submit_label drops the uppercase in de, es, id and ru. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
At the site's 768px breakpoint the three cards stayed in columns down to 769px, leaving each a ~135px measure at 800px with wrapped titles. The launch cards grid now stacks at 900px; the frame, padding and every other section keep the site's 768px breakpoint. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
The hero H1 ran to 68px on wide screens. It is now clamp(34px, 3.6vw, 54px). Section headings keep their previous ratio to the H1 so the hierarchy holds: - final h2: clamp(30px, 3.6vw, 48px) -> clamp(28px, 2.6vw, 38px) - mining h2: clamp(30px, 3.4vw, 44px) -> clamp(28px, 2.4vw, 36px) - bridge: clamp(24px, 2.6vw, 34px) -> clamp(24px, 1.9vw, 28px) The bridge keeps its 24px floor so it never drops below the card titles. The 18px sub is unchanged. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
n13
approved these changes
Sep 17, 2026
n13
left a comment
n13
left a comment
Contributor
There was a problem hiding this comment.
Reviewer model: GPT 5.6 Sol
APPROVE — no blocking correctness, security, or compatibility findings at 7909b3617589667b3eeb11219b8f25b7d79c27e4.
Non-blocking accessibility follow-up:
website/src/components/features/launch/CardsSection.astro:14andwebsite/src/components/features/launch/WaysSection.astro:12introduce<h3>headings without a corresponding section-level<h2>. This makes the page outline jump from the hero<h1>to<h3>and semantically places the wallet/community panels under the preceding mining<h2>. Consider adding section headings (visually hidden if needed) or adjusting the heading levels so assistive-technology navigation reflects the visual sections.
Validation:
git diff --checkpassed.- Prettier passed across the website.
- The full Astro static build passed and generated all nine
/launchlocale routes. - Headless browser checks passed at 1440px, 800px, and 390px: no runtime errors or horizontal overflow; all nine locales rendered without missing/clipped copy; Enter submission, invalid-email feedback, a mocked 201 response, synchronized receipt state, and reduced-motion behavior all worked. A valid submission produced exactly one waitlist request.
astro checkreported only existing diagnostics in unchanged files (primarily missing Bun test types); no changed launch file produced a diagnostic. GitHub reports no check runs for this SHA.
The PR already calls out that the eight machine-drafted translations still need native-language copy review; that content sign-off is outside this technical approval.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Redesign of /launch
What changed
value cards, mining section, wallet + Telegram panels, closing CTA
and error toasts unchanged
showing the address entered, both forms switch together
LaunchPage.astro
Removed
carries the 21,000,000 figure and proof-of-work, formatted per locale
Verified
hero chunk byte-identical, only diff is two dead CSS rules from the
removed mining button
overflow, Enter submits, 201 switches both forms, reduced motion respected
Needs attention
and need a native pass before merge
doc — @Jangle worth a look
(first_name, last_name) and launch signups send empty strings for both,
so only one launch row can ever land in Postgres. Found in the schema
and migration files, not verified against production. Server-side fix.