Product

UI / Theme

The RepuShield design system — exact values pulled from tailwind.config.ts and globals.css. Single light theme (no toggle). Admin/portal use .dark-card utilities for dark sections.

Color palette

Background

#ffffff

Page backgrounds (light app)

Foreground

#1a1a1a

Body text

Accent (dark)

#059669

Buttons, interactive, focus ring

Accent (light)

#10b981

Brand accent, theme-color

Accent (bright)

#34d399

Charts, highlights

Surface

#F7F7F5

Card / section backgrounds

Surface hover

#F0F0EE

Hover state

Border

rgba(0,0,0,0.08)

Card borders

Loss red

#dc2626

Revenue-loss numbers in emails

Dark card

#131316

Admin/portal dark sections

Chart palette

#34d399

#22d3ee

#fbbf24

#a78bfa

#f87171

#60a5fa

#71717a

Typography

Geist

Sans / body + UI

--font-geist-sans

Bricolage Grotesque

Display / headings

--font-bricolage

Geist Mono

Monospace / code

--font-geist-mono

Tokens

radius (default)rounded-xl · 0.75rem

radius (4xl)2rem — large soft cards

spacing 13 / 153.25rem / 3.75rem (custom)

shadow-card0 1px 3px /0.04, 0 6px 24px /0.06

input glow0 0 0 3px rgba(5,150,105,0.1)

ease-outcubic-bezier(0.23, 1, 0.32, 1)

ease-springcubic-bezier(0.34, 1.56, 0.64, 1)

Reusable components

Navbar

Top nav, platform/solutions dropdowns, mobile hamburger, session state

Footer

Dark footer w/ brand + links; hidden on dashboard/admin/portal

AppealModal

Generate Google review appeal — edit / copy / send

RepScoreGauge

Circular reputation-score gauge

AnimatedCounter

Animates numeric values on change

RevenueCalculator

Interactive ROI calculator

StatCard

Metric + icon + trend badge (light + dark variants)

PortalSidebar / AdminSidebar

Section navigation for portal + admin

LaunchMissionControl

Launch status + blocker control center

AddToolsDrawer

Slide-out drawer for adding portal tools

OnboardingGoalPicker

First-run goal selection

TrialBanner

Trial countdown banner

CoverageMap

Geographic coverage visualization