Skip to content

Site redesign: near-black ground, the desktop app's neon mark, the Lite page in motion - #35

Merged
fylorn merged 1 commit into
mainfrom
design/neon
Sep 30, 2026
Merged

fylorn merged 1 commit into
mainfrom
design/neon

Conversation

@fylorn

@fylorn fylorn commented Sep 30, 2026

Copy link
Copy Markdown
Contributor

Implements the approved redesign across the site (prototype: design/prototype-lite).

  • Everywhere: near-black neutrals, the desktop app mark's cyan→magenta pair as the brand accent, TW neon mark in header/footer, app-icon favicons and logo files, white pill primary buttons, OG cards on the new ground. Docs, changelog, license, import and 404 pages follow through the tokens.
  • Lite page: rebuilt from the prototype with the existing copy (zh + en): drawn mark, three-scene live-traffic panel, status row, client marquee, scroll story (routing, protection, tracing, cost) with sticky screen, bento for the other features, then remote core, architecture, install and license.
  • Motion moves position only (content readable without script) and turns off with reduced motion. Checked at 1440px and 390px in both languages; no horizontal overflow.

🤖 Generated with Claude Code

…te page in motion

Site-wide:
- Theme tokens: near-black neutrals and the desktop app mark's cyan and
  magenta as the brand pair (legacy cyan/violet ramps follow it); --a1/--a2
  RGB triples for alpha; gradients and glows move to cyan-to-magenta.
- The header and footer carry the TW neon mark; favicons, touch icon and the
  logo files are the app icon; OG cards and theme-color follow the new ground.
- Primary buttons are white pills, secondary ones light outlines.
- Leftover navy and teal literals in components, mocks and the hero scene are
  replaced.

Lite page:
- Hero with the mark drawn stroke by stroke, and a live-traffic panel that
  plays three requests (key replaced; 429 and failover with conversion; a
  dangerous tool call cut off), in both languages.
- Status row, a scrolling client wall, a scroll story of four stops with a
  sticky screen and a filling rail, and a bento of the remaining features with
  pointer light, ticking figures and a scan line.
- Remote core, architecture, install and license sections stay.
- Motion only moves position and respects reduced motion.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@fylorn
fylorn merged commit bd12c5b into main Sep 30, 2026
1 check passed
@fylorn
fylorn deleted the design/neon branch September 30, 2026 16:43
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