Skip to content

Feat/enterprise UI overhaul - #30

Merged
Mahakisore7 merged 2 commits into
mainfrom
feat/enterprise-ui-overhaul
Oct 18, 2026
Merged

Mahakisore7 merged 2 commits into
mainfrom
feat/enterprise-ui-overhaul

Conversation

@Mahakisore7

Copy link
Copy Markdown
Contributor

No description provided.

…hism, animations

- tokens.css: full CSS custom-property design system (light + dark themes)
  - Royal Blue/Electric Cobalt brand palette (WCAG AA certified on both themes)
  - Deep obsidian/navy dark mode with electric cyan accent
  - Glass surfaces with backdrop-filter blur, elevation shadow scale
  - 8pt spacing grid, fluid type scale, spring-curve transition tokens
  - Status tokens (ok/warn/danger/info) with glow effects

- app.css: 1 100+ line enterprise stylesheet
  - Glassmorphism sticky header with live health-status pill
  - Animated chat bubbles (bubble-enter spring), risk cards (risk-enter)
  - Pulsing mic button with ring animation (prefers-reduced-motion safe)
  - Toast notifications with slide-in animation
  - Gradient progress/quorum bars, timeline nodes with glow dots
  - Hardware simulation: Echo Show frame + Dynamic Island smartphone
  - Responsive sidebar (sticky on desktop, horizontal scroll on mobile)
  - Custom scrollbar, WCAG focus-ring, sr-only utility

- index.html: Plus Jakarta Sans (variable 300-800) + JetBrains Mono via
  Google Fonts; SVG favicon; enterprise page title and meta description

- Layout.tsx: gradient shield brand-mark, sub-label 'Payment Guard for
  Alexa+', live SSE dot indicator with cyan glow
- SignIn.tsx: premium card with icon header, mono PIN field styling
- HoldCard.tsx, RiskCard.tsx, VoteButtons.tsx, parts.tsx, charts.tsx:
  badges with coloured borders, quorum glow segments, gradient bar fills
- ElderDevice.tsx: Alexa light-ring bar (CSS gradient ::after)
- FamilyPhone.tsx: Dynamic Island pill (CSS ::before)
- Demo.tsx, Console.tsx, Dashboard.tsx, Holds.tsx, HoldDetailPage.tsx,
  Circle.tsx, PolicyPage.tsx, Insights.tsx, Inbox.tsx: all pages use
  design tokens, tile lift animations, empty-state illustrations
@Mahakisore7
Mahakisore7 merged commit 4679ca3 into main Oct 18, 2026
2 checks passed
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