E-SIM Management PCC
Design Review · April 2026
Interactive prototype

A new look for PCC.

Enterprise-grade refresh of the eSIM Management console. Light & dark modes, a coherent design system, and modern data patterns built on your existing stack (Laravel + Livewire + Tailwind + Alpine).

Click any screen below to open the interactive prototype. Use the sun/moon icon to flip the theme.

Screens

Dashboard

KPI cards, world map, chart cards, recent transactions.

Transactions

Modern data table: search, filter chips, status badges, pagination.

Sign in

Split-screen with brand panel and clean form.

Add user

Sectioned form with role picker and password strength meter.

What changed

Unified design system

One primary color (teal), coherent neutrals, typographic hierarchy. Fixes the old teal+purple+navy button mismatch.

Light & dark modes

True dark mode (not inverted), persisted per-user. Cookie-backed to avoid flash-of-light on load.

Drop-in integration

Same Laravel + Livewire + Tailwind stack. Blade components for sidebar, topbar, cards, tables — port page by page.

How to review

  1. Open each screen and click the sun/moon icon in the topbar to flip themes.
  2. Check spacing, hierarchy, and color usage — tell us what you'd change.
  3. Try the sidebar on a few screens — eSIM and Users Management expand to child pages.
  4. The transactions table demonstrates pagination, filter chips, and action menus.