[MarvyNwaokobia]

What & why

A full redesign of the front-end: a new design system with light and dark themes, a rebuilt public site, and reworked app screens for desktop and mobile.

Design system

• All colours are CSS variable tokens with a dark and a light theme, a toggle, and a pre-paint script so there is no flash of the wrong theme.
• Flatter panels, buttons and inputs. New Segmented and AmountField components, and a serif display face for marketing headlines.

Public site

• Landing page rebuilt as a full-screen editorial hero with a live ledger demo (public explorer view vs auditor key view), a public-vs-private panel and a product list.
• About, Stats and Docs share a new marketing nav and footer.
• Em dashes removed from app copy and docs, and the affected sentences tidied.
• Fixed Docs text where spaces after bold, italic and code tags were being dropped at render time.

App

• New shell: fixed grouped sidebar, sticky top bar, labelled mobile bottom nav.
• Home is now an overview (balance columns, merge prompt, activity table).
• Shield and Send are form-plus-summary layouts. Send is a single screen instead of three steps. Desktop uses a large amount field; phones keep the keypad.
• Payroll, Escrow, Auditor, Profile and the connect prompts are restyled.
• The wallet is referred to generically instead of by product name.

Tooling and docs

• Development-only demo mode (?demo=1) runs the app against a fake connected wallet, for UI work without a wallet or chain access. It is compiled out of production builds.
• README and CONTRIBUTING updated for the new UI and demo mode.

Area

App, Docs

How was this tested?

• pnpm --filter @lucent/app typecheck and next build --webpack pass
• Public pages and every app screen checked visually in light and dark, at desktop and mobile widths (app screens in demo mode)
• Manual testnet walkthrough with a real wallet. Not done. Reviewers should try register, deposit, merge, Send (now one screen), a payroll run and an escrow on Testnet.
• Not checked: Auditor with real decrypted rows, Verify with a real bundle, and the Send success screen

Checklist

• pnpm --filter @lucent/app typecheck passes
• pnpm --filter @lucent/sdk test:fast (SDK and contracts untouched, not run)
• Updated the README and in-app Docs page for user-facing changes