Skip to content

feat(design): calm-corporate whole-app reskin (tokens + primitives + shell)#38

Merged
samutpra merged 11 commits into
mainfrom
redesign/calm-corporate-reskin
Jul 16, 2026
Merged

feat(design): calm-corporate whole-app reskin (tokens + primitives + shell)#38
samutpra merged 11 commits into
mainfrom
redesign/calm-corporate-reskin

Conversation

@samutpra

Copy link
Copy Markdown
Contributor

Calm-corporate whole-app reskin

Fresh, cohesive calm-corporate visual identity across the whole admin dashboard, delivered through the design-system leverage points (tokens → primitives → shell) so every page inherits it. Carmen blue kept as the single accent.

What changed

Layer Change
Tokens (index.css) Warm-neutral palette (cool 226 → warm-neutral, low-sat), radius 0.375 → 0.5rem, elevation scale (--shadow-xs), .tabular-nums, retuned zebra. --primary unchanged (221 61% 48% / 217 70% 60%).
Primitives Badge +warning/+info variants · calmer Card padding + whisper elevation · quieter uppercase DataTable headers + tabular figures · ringed EmptyState. No ui/* prop-API changes.
Shell Route breadcrumbs (Breadcrumbs.tsx) + desktop breadcrumb bar in Layout · softer sidebar active pill (bg-primary/10).
Entry / Dashboard Inherit the new tokens — not rewritten (already redesigned).

Deliberate scope decisions

  • Login/Landing/Dashboard were already on-vibe → they inherit tokens rather than get rewritten (YAGNI).
  • Topbar is breadcrumb-only; account/theme stay in the sidebar (no duplicate menus).

Quality

  • Every task TDD-gated + independently reviewed. Full suite 506/506, CI=true bun run build clean.
  • Whole-branch review caught and fixed one real bug: breadcrumbs linked to nonexistent /platform and /broadcasts index routes (would bounce admins off-page) — fixed in 0488a28, those crumbs now render unlinked.

Deferred (pre-existing, out of scope)

  • avatar.tsx / errorParser.ts unused-var ESLint warnings (non-fatal).
  • Dev-only amber debug FAB (documented in CLAUDE.md).

Verify

bun start (localhost:3304) → check Dashboard / Login / a Management page in light + dark. No behavior/routing/permission changes.

Spec: docs/superpowers/specs/2026-07-16-calm-corporate-reskin-design.md
Plan: docs/superpowers/plans/2026-07-16-calm-corporate-reskin.md

🤖 Generated with Claude Code

samutpra and others added 11 commits July 16, 2026 16:21
Token + shell + primitives reskin (approach A). Calm-corporate vibe,
keep Carmen blue accent, Inter-only. Pages inherit; bespoke Dashboard
+ entry pages.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
9 tasks across 4 phases: tokens, primitives, shell breadcrumb, regression.
Entry/Dashboard inherit tokens (already redesigned) not rewritten.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Header cells now render text-xs font-medium uppercase tracking-wide
text-muted-foreground (merged with existing per-column width/sticky
meta classes), including the sortable-header button which previously
forced font-semibold and would have overridden the quieter weight.
Body cells append tabular-nums so numeric/date/id columns align.
Sticky mechanics, zebra striping, column logic, and the auto '#'
index column are untouched.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…adcasts index routes

Clicking the leading Platform/Broadcasts breadcrumb on a nested page (e.g.
/platform/roles, /broadcasts/new) hit the router's catch-all and bounced
authenticated admins to Landing, since neither segment has an index route.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@samutpra
samutpra merged commit f0b69c3 into main Jul 16, 2026
5 checks passed
@samutpra
samutpra deleted the redesign/calm-corporate-reskin branch July 16, 2026 10:29
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