[v1.1.0] Redesign BitRemote website UI and homepage experience#6
Merged
Conversation
Research, validation strategy, and 3 plans (2 waves) for design token system, font/color migration, and ASCII removal. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…gn tokens - Add complete semantic token set: surface hierarchy, text, accent, radius, shadow, layout, font, glass - Add dark theme overrides in single @media (prefers-color-scheme: dark) block with #0a0a0a near-black - Update base styles to use new --color-* variable names (html, body, a, :focus-visible, ::selection) - Preserve backward compat aliases (--bg, --fg, --blue, --blue-strong, etc.) pointing to new tokens
…d token mappings - Add semantic color tokens: bg, surface, surface-alt, border, text-primary, text-secondary, text-muted, accent (DEFAULT/hover/subtle) - Add borderRadius tokens: sm, md, lg, xl mapped to CSS variables - Add boxShadow tokens: card and raise mapped to CSS variables - Preserve backward compat color aliases (fg, blue, blue-strong, blue-line, blue-soft, ink-soft) - Keep fontFamily.mono alias pointing to --font-ui (backward compat, removed in Plan 02)
- Create 01-01-SUMMARY.md with task details and verification results - Advance STATE.md to plan 2, add decisions, update metrics - Update ROADMAP.md phase 01 progress (1/3 plans complete) - Mark DSGN-01, DSGN-02, DSGN-03, DSGN-04 complete in REQUIREMENTS.md
- Replace font-mono with font-sans in all 5 component files - Replace text-blue-strong/bg-blue-strong with text-accent/bg-accent - Replace border-blue-line with border-border - Replace text-ink-soft with text-text-secondary - Replace text-fg with text-text-primary - Remove tracking-[0.08em] (use default tracking-normal)
- Delete src/components/TextSeparator.tsx (DSGN-06)
- Delete src/components/TextFrame.tsx (DSGN-06)
- Delete entire src/ascii-panel/ directory (DSGN-06)
- Replace all TextFrame usages with <section aria-label={...}>
- Replace all TextSeparator usages with <hr className="border-t border-border my-12" />
- Remove AsciiPanel from home page, simplify hero grid to single column
- Build passes with zero errors
- Replace font-mono with font-sans in layout, pages, not-found - Replace text-blue-strong/bg-blue-strong with text-accent/bg-accent - Replace border-blue-line with border-border in footer - Replace text-ink-soft with text-text-secondary throughout - Also fix privacy, terms, support pages (text-ink-soft occurrences) - BitRemoteWordmark: update fill from var(--blue) to var(--color-accent) - Build and lint pass with zero errors and zero warnings
… aliases - Remove backward compat CSS variable block from globals.css (:root and dark) - Remove entire @layer utilities block (br-num-*, br-frame-sheet-*, no-scrollbar) - Remove all @Keyframes for deleted animation classes - Remove @media prefers-reduced-motion block for deleted animation classes - Remove backward compat color aliases from tailwind.config.ts (fg, blue, blue-strong, blue-line, blue-soft, ink-soft) - Remove fontFamily.mono from tailwind.config.ts - Build and lint pass with zero warnings
- Create 01-02-SUMMARY.md - Advance plan counter to 3 of 3 - Update STATE.md with decisions and session info - Update ROADMAP.md plan progress (2 of 3 summaries) - Mark DSGN-05 requirement complete
- Add 01-03-SUMMARY.md documenting plan completion - Update STATE.md: advance to plan 3/3 (ready_for_verification), record metrics and decisions - Update ROADMAP.md: phase 01 all 3 plans complete - Mark DSGN-06 requirement complete
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Animation tokens, component API contracts, and hydration safety contract for LenisProvider, MotionProvider, and FadeInSection. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- install motion 12.x and lenis 1.3.x from npm - create LenisProvider with hydration-safe skipLenis=true default - create MotionProvider wrapping children in MotionConfig reducedMotion=user - both components use 'use client' directive
- add sectionVariants (opacity 0->1, y 24->0, 550ms easeOutQuart) - add staggerContainerVariants with staggerChildren: 0.1, delayChildren: 0.05 - add staggerItemVariants (opacity 0->1, y 20->0, 500ms easeOutQuart) - FadeInSection uses useReducedMotion to start at visible state when reduced motion active - viewport triggers once at 0.08 threshold - only opacity and y (transform) animated - no layout properties
- add 02-01-SUMMARY.md with full execution documentation - update STATE.md: advance plan to 2/2, record metrics, add decisions - update ROADMAP.md: phase 2 progress (1/2 summaries) - mark requirements VFX-01, VFX-02, VFX-04, VFX-05, TECH-04 complete
- Import LenisProvider, MotionProvider, and lenis/dist/lenis.css in layout.tsx - Wrap body children with MotionProvider > LenisProvider nesting order - Remove scroll-behavior: smooth from globals.css (Lenis now owns scroll behavior) - Keep scroll-padding-top: 5.25rem for anchor navigation offset
- Task 2 human-verify checkpoint approved by user - STATE.md updated with session info and decisions - ROADMAP.md phase 2 marked Complete
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…admap - Remove duplicate id="top" from HeroSection (kept on FadeInSection wrapper) - Delete orphaned AppShowcase.tsx and BentoGrid.tsx (superseded by client variants) - Fix ROADMAP.md: mark Phase 4 & 5 as complete with correct plan counts Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- add persistent active states and downloaders anchor - replace bracketed locale controls with calm rounded treatments
- replace glitch wordmark with a static app-aligned lockup - redesign TextButton into calm primary and secondary actions
- replace uppercase accent labels with calm section headings - restyle platform badges and faq rows with the new surface language
- move product demo directly after the hero and restore downloaders near the top - replace divider-heavy sequencing with grouped sections and stable anchors
- remove new English-only wrapper copy from the localized homepage flow - keep the corrective section order while reusing existing translated content
- rebuild the homepage proof area as an app-like interactive demo - wire the new proof block directly after the hero section
Deploying bitremote-website with
|
| Latest commit: |
4309d99
|
| Status: | ⚡️ Build in progress... |
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
2 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.
Summary
This PR delivers the UI refresh for the BitRemote website.
It replaces the older homepage structure with a more polished, motion-aware, screenshot-led experience, refreshes the global design system, and updates legal/footer/navigation flows to match the new visual language.
What changed
Design system and shared UI
Homepage refresh
Navigation and global layout
Downloader and legal pages
Motion and scrolling
Content and localization
Planning and milestone records
.planning/milestones/Notes
.planning/milestone archive updates