BAH Guild Master Design System — Enterprise UI/UX Component & Mockup Suite

Live Production 01 source: app.sera.ramirconsultingdesk.biz.id/login

SERA Tenant Portal — Client Authentication Gateway

Masuk • SERA

🔒 https://app.sera.ramirconsultingdesk.biz.id/login

Tenant Auth

Sera

Masuk ke SERA

Gunakan email dan password akun Anda. Jika lupa password, kami kirim kode OTP ke email.

Email

Password Lupa password?

Atau

Belum punya akun? Daftar

<!-- SERA Client Login Card (app.sera.ramirconsultingdesk.biz.id) -->
<div class="rounded-2xl bg-white border border-slate-200 shadow-md p-6 space-y-4 max-w-sm mx-auto">
  <h4 class="font-bold text-base text-slate-900">Masuk ke SERA</h4>
  <p class="text-slate-500 text-xs">Gunakan email dan password akun Anda.</p>
  <input type="email" placeholder="nama@perusahaan.com" class="w-full border rounded-lg p-2" />
  <button class="w-full bg-slate-900 text-white py-2.5 rounded-lg font-bold">Masuk</button>
</div>

Tokens: React Router v7 • Tailwind • Shadcn Card • Slate-900 Auth: Credentials + OTP Email + Google OAuth

Live Production 02 source: admin.sera.ramirconsultingdesk.biz.id

SERA Admin Console — Governance & Control Gate

SERA Admin Gate

🔒 https://admin.sera.ramirconsultingdesk.biz.id/

Superadmin Only

🛡️ Ramir Consulting • SERA

INTERNAL ADMINISTRATION

Govern SERA with confidence.

Manage customers, plans, administrator access, and audit evidence in a tenant-scoped control plane.

Access is provisioned by an authorized superadmin.

<!-- SERA Admin Gateway (admin.sera.ramirconsultingdesk.biz.id) -->
<div class="max-w-lg mx-auto text-center space-y-6">
  <span class="text-xs font-mono font-bold tracking-[0.2em] text-slate-400">INTERNAL ADMINISTRATION</span>
  <h3 class="text-4xl font-black text-slate-900">Govern SERA with confidence.</h3>
  <button class="bg-slate-900 text-white px-6 py-3 rounded-xl font-bold">Sign in to Admin Console →</button>
</div>

Governance: Tenant Scoped • Superadmin Provisioned Security: Zero Self-Service Signup Gate

Multi-Tenant Merchant Core source: sera-tenant/app/routes/dashboard

SERA Tenant — Merchant Headline Figures & Kanban CRM

SERA Merchant Workspace • /dashboard/crm

Live Tenant Rows

Gross Revenue (Bulan Ini) Rp 184.250.000 +14.2% vs Bulan Lalu

Pesanan Aktif (Orders) 324 Pesanan 98.2% Fulfillment SLA

Total Pelanggan Terdaftar 1.203 Kontak CRM Lifecycle Active

Kanban Pipeline Penjualan (Live Tenant Rows) + Buat Deal Baru

Lead Masuk12

PT Sinar Abadi Kencana Rp 45.000.000 Owner: Budi Santoso

Kualifikasi8

CV Mitra Teknik Mandiri Rp 28.500.000 Demo Scheduled

Proposal Terkirim5

Koperasi Sentra Bersama Rp 75.000.000 Review Legal

Deal Menang15

PT Kharisma Makmur Rp 120.000.000 ✓ Paid & Active

Mockup 02 source: the-house-of-server

Tremor Solar Industrial Hardware & Fleet Radar

HUB-01

node-01 (99.99%)

node-02 (Active)

Mockup 03 source: cariaimurah

Cariaimurah Developer Storefront & QRIS

Best Seller

Docker Pod Standard

Rp 120.000

Mockup 04 source: project/kurva-os

Kurva OS — Autonomous SPBU Control Shell

92% Tersedia

Tangki Pertalite (ATG-01) Kapasitas: 18.400 / 20.000 L Audit: KLOP / 0 Liter Selisih

Mockup 05 source: project/insidera-web

Insidera — 73k Leads Master Spatial Explorer

Total Database Leads 73.544 • 100% Terverifikasi Sistem

Geo Mapped Coordinates 71.820 Titik Koordinat Spasial Aktif

Contactable Leads 64.110 • Siap WhatsApp

Mockup 06 source: ramir-consulting-web & academi-z

Ramir Consulting — Institutional BCG Stepper & Fact Box

1. Discovery 2. Data Room 3. Diagnosis Gate

Kajian Kelayakan Finansial Batch 1 • Gross Margin 61,5% Score: 4.8 / 5.0