Skip to content

landing: still once it has shown it, on the brand's tokens, nothing moving under the reader - #38

Merged
aledbf merged 1 commit into
mainfrom
landing-polish
Oct 22, 2026
Merged

aledbf merged 1 commit into
mainfrom
landing-polish

Conversation

@aledbf

@aledbf aledbf commented Oct 22, 2026 •

Copy link
Copy Markdown
Contributor

Measured on the built site (Playwright, Lighthouse 12.8, axe 4.14):

  • The page moved under a phone reader: CLS 0.32. Plex was found late,
    through the stylesheet, and swapped in after the first paint (0.23);
    the terminal grew as it typed and the steps' list changed height as
    each claim showed (0.09). The faces the first screen sets are preloaded,
    the terminal has a fixed height, and every claim is always shown. CLS
    is 0.03 on a phone and 0 by Lighthouse.
  • The terminal looped forever with no way to stop it (WCAG 2.2.2). It
    plays once from the step picked and stops on the whole session; Skip
    ends it, Replay starts it again, focus moves between them. A screen
    reader reads the whole session from an sr-only copy rather than a half
    typed one. Reduced motion and no scripts show the session whole.
  • Every loop now runs once or a few times: the title's light, the dot,
    the running layer's dashes and glow, the card's ring. The hero's drift
    and the last section's turning mesh are gone: they only decorated.
  • Colours and corners are the brand's: the terminal and the last section
    are .spin-dark (motion: four durations and one easing, each movement once brand#9) instead of eleven hex values, one a
    violet the palette does not have; radii are the palette's 4/8/12, not
    6/14/16/18/24; durations and easing are --spin-duration-*/--spin-ease.
    The title's gradient on the navy is cyan and mint, not the blue the
    brand keeps off text there; the numbers on white are the accent and
    the deep blue (the cyan was 2:1).
  • Install on AWS is the primary action, in the hero and at the end.
  • The straight answers are cards with an icon each (Answers.astro);
    the list is still the page's Markdown and its twin is unchanged.
  • The glass header was never glass in Chrome: the minifier kept only
    -webkit-backdrop-filter. It is unprefixed now.
  • axe found the proof links under 24 px and the release and commit under
    AA in dark; Lighthouse found the logo's alt repeating the name beside
    it. All fixed: axe clean at WCAG 2.2 AA in both themes at 1440 and
    390 px, Lighthouse mobile 99/100/100/100, desktop 100.

Needs spin-stack/brand#9 first (.spin-dark, the motion tokens); src/styles/brand-tokens.css is that PR's dist/tokens.css. Checked locally: task check against spin 8eee32b9d / terraform 1557e96 / brand#9, twins and llms.txt identical to main's but for the end's link order.

🤖 Generated with Claude Code


View with [code]smith Autofix with [code]smith
Need help on this PR? Tag @codesmith with what you need.

…oving under the reader

Measured on the built site (Playwright, Lighthouse 12.8, axe 4.14):

- The page moved under a phone reader: CLS 0.32. Plex was found late,
  through the stylesheet, and swapped in after the first paint (0.23);
  the terminal grew as it typed and the steps' list changed height as
  each claim showed (0.09). The faces the first screen sets are preloaded,
  the terminal has a fixed height, and every claim is always shown. CLS
  is 0.03 on a phone and 0 by Lighthouse.
- The terminal looped forever with no way to stop it (WCAG 2.2.2). It
  plays once from the step picked and stops on the whole session; Skip
  ends it, Replay starts it again, focus moves between them. A screen
  reader reads the whole session from an sr-only copy rather than a half
  typed one. Reduced motion and no scripts show the session whole.
- Every loop now runs once or a few times: the title's light, the dot,
  the running layer's dashes and glow, the card's ring. The hero's drift
  and the last section's turning mesh are gone: they only decorated.
- Colours and corners are the brand's: the terminal and the last section
  are .spin-dark (spin-stack/brand#9) instead of eleven hex values, one a
  violet the palette does not have; radii are the palette's 4/8/12, not
  6/14/16/18/24; durations and easing are --spin-duration-*/--spin-ease.
  The title's gradient on the navy is cyan and mint, not the blue the
  brand keeps off text there; the numbers on white are the accent and
  the deep blue (the cyan was 2:1).
- Install on AWS is the primary action, in the hero and at the end.
- The straight answers are cards with an icon each (Answers.astro);
  the list is still the page's Markdown and its twin is unchanged.
- The glass header was never glass in Chrome: the minifier kept only
  -webkit-backdrop-filter. It is unprefixed now.
- axe found the proof links under 24 px and the release and commit under
  AA in dark; Lighthouse found the logo's alt repeating the name beside
  it. All fixed: axe clean at WCAG 2.2 AA in both themes at 1440 and
  390 px, Lighthouse mobile 99/100/100/100, desktop 100.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@aledbf
aledbf merged commit 41bddb8 into main Oct 22, 2026
2 checks passed
@aledbf
aledbf deleted the landing-polish branch October 22, 2026 19:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant