Adeva Pro · Design rollout
Where the Adeva Pro design system has landed.
Live status of the design rollout from the
Debt management System-handoff
bundle. Every row links to either the live page (where shipped) or the source design file in the handoff
(where pending). Updated whenever a surface adopts the new tokens.
95
Shipped
2
Partial
16
Queued
84%
Weighted progress
Foundation
Tokens, primitives, partials. Cascades into every page automatically.
Surface
Status
Source
Notes
Design tokens (light + dark)
Shipped
design-system/tokens.css
All 3 portals · CSS variables + .adv-* component classes
Brand whitelabel (RGB triplets)
Shipped
design-system/lib/brand.config.ts
BrandingTheme.PrimaryColorRgb / SecondaryColorRgb wired to layouts
Inter Tight + JetBrains Mono + Fraunces
Shipped
design-system/tailwind.config.ts
Loaded via Google Fonts in all 4 layouts
Money primitive (tabular nums)
Shipped
design-system/components/Money.tsx
Adeva/_Money.cshtml + true minus sign
Eyebrow / Display / Wordmark
Shipped
design-system/components/Display.tsx
Typography primitives
Button variants
Shipped
design-system/components/Button.tsx
.adv-btn classes (primary/outline/ghost/destructive)
Step wizard
Shipped
design-system/acceptance.jsx
Adeva/_Steps.cshtml — used by Accept/Index
Hardship off-ramp
Shipped
design-system/marketing.jsx · principle 03
Adeva/_Hardship.cshtml — Principle 03 enforced
Stats trust band
Shipped
design-system/marketing.jsx
Adeva/_Stats.cshtml — used in home + about
DebtSummary card
Shipped
design-system/acceptance.jsx
Adeva/_DebtSummary.cshtml — sticky aside
AcceptanceShell wrapper
Shipped
design-system/acceptance.jsx
Adeva/_AcceptanceShell.cshtml
EmailShell partial
Shipped
design-system/components/Whitelabel.tsx
Adeva/_EmailShell.cshtml — needs notification-pipeline plumbing
Disclosure footer
Shipped
design-system/lib/brand.config.ts
ACL-compliant · Adeva/_Disclosure.cshtml
Base components
Form, feedback, navigation, display, data, and money domain partials. Every reskin from here is just composition.
Surface
Status
Source
Notes
Field wrapper
Shipped
design-system/components/Forms.tsx (Field)
Adeva/_Field.cshtml — label · helper · error · success
Input
Shipped
design-system/components/Input.tsx
Adeva/_Input.cshtml — leading/trailing icons + prefix/suffix · 4 states
Textarea
Shipped
design-system/components/Choices.tsx (Textarea)
Adeva/_Textarea.cshtml — error/success states
Select
Shipped
design-system/components/Select.tsx
Adeva/_Select.cshtml — native select w/ Adeva chevron
Checkbox
Shipped
design-system/components/Choices.tsx (Checkbox)
Adeva/_Checkbox.cshtml — label + description
Radio group (cards)
Shipped
acceptance.jsx · plan picker
Adeva/_RadioGroup.cshtml — large card-style
Switch / toggle
Shipped
design-system/components/Choices.tsx (Switch)
Adeva/_Switch.cshtml
Banner / alert
Shipped
design-system/components/Feedback.tsx (Banner)
Adeva/_Banner.cshtml — info · success · warning · danger
Modal / dialog
Shipped
design-system/components/Feedback.tsx (Dialog)
Adeva/_Modal.cshtml — auto-wired close/backdrop/Esc
Empty / error / loading state
Shipped
design-system/components/Data.tsx
Adeva/_State.cshtml — three states share one partial
Breadcrumb
Shipped
design-system/components/Navigation.tsx (Breadcrumb)
Adeva/_Breadcrumb.cshtml
Tabs
Shipped
design-system/components/Navigation.tsx (Tabs)
Adeva/_Tabs.cshtml — underline + pill variants
Pagination
Shipped
design-system/components/Navigation.tsx (Pagination)
Adeva/_Pagination.cshtml — w/ ellipsis range
FilterBar
Shipped
design-system/components/Data.tsx (FilterBar)
Adeva/_FilterBar.cshtml — chip set + search
Badge
Shipped
design-system/components/Display.tsx (Badge)
Adeva/_Badge.cshtml — 6 kinds · dot variant
Tag (removable)
Shipped
design-system/components/Display.tsx (Tag)
Adeva/_Tag.cshtml
Avatar
Shipped
design-system/components/Display.tsx (Avatar)
Adeva/_Avatar.cshtml — image or derived-hue initials
Progress
Shipped
design-system/components/Display.tsx (Progress)
Adeva/_Progress.cshtml — 4 tones · 3 sizes
Stat / KPI card
Shipped
design-system/components/Display.tsx (Stat)
Adeva/_Stat.cshtml — value · delta · sub
Tooltip
Shipped
design-system/components/Tooltip.tsx
Adeva/_Tooltip.cshtml — pure CSS hover/focus
Skeleton
Shipped
design-system/components/Display.tsx (Skeleton)
.adv-skeleton class · shimmer animation
Table
Shipped
design-system/components/Data.tsx (Table)
Adeva/_Table.cshtml — columns · numeric cols · empty state
Receipt
Shipped
design-system/components/Money.tsx (Receipt)
Adeva/_Receipt.cshtml — header · lines · total · disclosure
Aging bar
Shipped
design-system/components/Money.tsx (AgingBar)
Adeva/_AgingBar.cshtml — 5 buckets · legend
Payment method card
Shipped
design-system/components/Money.tsx (PaymentMethodCard)
Adeva/_PaymentMethod.cshtml — visa · MC · amex · bank · BPAY
Sidebar (CSS)
Shipped
design-system/components/Navigation.tsx (Sidebar)
.adv-sidebar classes — compact mode supported
Topbar (CSS)
Shipped
design-system/components/Navigation.tsx (Topbar)
.adv-topbar classes
Marketing site
Public-facing pages on adevapro.com.au.
Surface
Status
Source
Notes
Shipped
marketing.jsx · MarketingHome
Hero + Stats + How-it-works + Hardship + Principles
Shipped
marketing.jsx · hardship
Calm tone · external services · AFCA disclosure
Shipped
marketing.jsx
Navy hero + demo form (uses Adeva Field/Input/Select) + features + steps + 3-tier pricing
Partial
marketing.jsx · QuickPayWizard
Functional form exists · visual rebrand pending
Auth & system
Sign-in, error, and status pages.
Surface
Status
Source
Notes
404 not found
Shipped
shared.jsx
Calm Adeva accent · admin log search
401 / 403 unauthorized
Shipped
shared.jsx
Differentiated session-expired vs access-denied
Acceptance flow
The killer flow: verify → review → accept → plan → pay → sign.
Surface
Status
Source
Notes
Accept · CustomPlan
Shipped
acceptance.jsx · Plan
Full Adeva treatment: numbered steps, Adeva inputs, hardship off-ramp, JS preserved
Accept · CustomPlanAgreement
Shipped
acceptance.jsx · Sign
Agreement doc + AI insights panel + IAgree gate, all in Adeva chrome
Accept · PlanAccepted
Shipped
acceptance.jsx · Done
Calm confirmation banner + agreement doc + share-link + print/PDF
Accept · ReferenceLookup
Queued
acceptance.jsx · Verify
Partial used inside Accept/Index
Email entry preview
n/a
acceptance.jsx · EmailEntry
Design reference only — real emails are templated
Debtor portal
Authenticated debtor experience after acceptance.
Surface
Status
Source
Notes
Shipped
portal.jsx
Full Adeva treatment: notification cards · navy insights hero · sparkline + donut · summary tones · sticky mobile bar · hardship
Shipped
portal.jsx
766 lines reskinned: Adeva table · grouped status pills · QR modal in _Modal pattern · portfolio aside · sticky mobile bar
Shipped
portal.jsx
Issuer hero · header card · 6 stat cards · payment history table · activity timeline · sidebar quick-actions · hardship hint · support card
Shipped
portal.jsx
Active MakePaymentCheckout view (228L) reskinned · Adeva summary block · large amount input · Stripe handoff intact
Payments · Success / Failed
Shipped
portal.jsx
Stripe return pages: calm success card with Adeva _Badge, factual failure card with reasons + hardship hint
Shipped
portal.jsx
Plan cards with status _Badge · 4-up stat block · progress bar · overdue banner · summary stat strip · hardship at foot
Shipped
portal.jsx · Receipt
Uses Adeva _Receipt partial · monospace totals · disclosure
Payment success
Shipped
portal.jsx · Receipt
Calm confirmation + Adeva Receipt body + hardship hint + 'what's next'
Payment cancelled
Shipped
portal.jsx
Calm Adeva pattern · no error framing · hardship off-ramp
Shipped
portal.jsx
Adeva form chrome · banner partials for flash · _State for empty
Shipped
portal.jsx
Adeva header card · serif title · Adeva _Badge · Adeva textarea reply form
Shipped
portal.jsx
Adeva table with 5 sortable columns · filters drawer · navy snapshot hero with method donut + amount sparkline
Shipped
portal.jsx
Adeva timeline with day-grouped rows · search + date filters · _State for empty
Shipped
portal.jsx
Drop zone with Adeva tokens · drag-drop JS preserved · reCAPTCHA · uploads table with status refresh
Shipped
portal.jsx
Compact 7-cell info grid · monospace ID/IP/UA · pre-formatted Details block
Enterprise dashboard
Shipped
portal.jsx
Index_EnterpriseApplied: 3-tier layout (summary / actions / timeline) with Adeva tones · table for upcoming + failed payments
Client portal
Creditor-facing CRM-style operations dashboard.
Surface
Status
Source
Notes
Client portal landing
Shipped
client-portal.jsx
Adeva hero · 4 metric cards · activity · recent debts
Debts list
Shipped
client-portal-screens.jsx
Status filter · search · _Table · _Badge · pagination
Receipts list
Shipped
client-portal-screens.jsx
Search · _Table · method _Badge · _State empty
Communications list
Shipped
client-portal-screens.jsx
Type+search filters · type/status _Badge · pagination
Profile
Shipped
client-portal-screens.jsx
Personal info · phone OTP · org snapshot · security panel
Branding settings
Shipped
client-portal-screens-2.jsx
Color pickers · logo/favicon dropzones · live preview
Audit log
Shipped
client-portal-screens-2.jsx
Date range · search · _Table · _State empty · pagination
Messages inbox + view
Shipped
client-portal-screens-2.jsx
List with mono timestamps · detail with reply form
Organization profile
Shipped
client-portal-screens-2.jsx
Read-only basics · contacts · banking warning
Onboarding entry
Shipped
onboarding.jsx
Progress bar · 3-step checklist · status banners · DEV panel
Onboarding verify email
Shipped
onboarding.jsx
OTP card · banner · tips
Onboarding verify phone
Shipped
onboarding.jsx
OTP with DEV bypass · resend · tips
Onboarding bank details
Shipped
onboarding.jsx
BSB+account form with help · secure submission banner
Onboarding verify bank
Shipped
onboarding.jsx
Email OTP confirmation
Onboarding what's next
Shipped
onboarding.jsx
Hero · 4-step roadmap · support · DEV approval
Onboarding create org
Shipped
onboarding.jsx
ABN/ACN lookup with stepper
Onboarding confirm details
Shipped
onboarding.jsx
ABR data + auth person + Google Places address + settings
Onboarding compliance
Shipped
onboarding.jsx
Fee policy radio cards · SMS verify · T&C scroll · reCAPTCHA
Organization edit
Shipped
client-portal-screens-2.jsx
Trading name · contacts · timezone · sticky save bar
Admin pending debts
Shipped
client-portal-screens-3.jsx
Approval queue · AI confidence · request-info+reject modals
Admin status
Shipped
client-portal-screens-3.jsx
Active/pending/dead client tables · DEV mock-approve panel
Debts/Raise (step 1)
Shipped
client-portal-screens-3.jsx
Drag/drop upload · AI extraction · confidence · review-ready cards
Debts/RaiseReview (step 2)
Shipped
client-portal-screens-3.jsx
Editable form · debtor type toggle · dynamic email/phone · Places · declaration
Debts/Details
Shipped
client-portal-screens-3.jsx
Info+debtor+history+activity · workflow + quick actions + plan + docs sidebar
Matters list
Queued
client-portal-screens.jsx
Queued
Hardship review queue
Queued
client-portal-screens.jsx
Queued
Dispute resolution
Queued
client-portal-screens-2.jsx
Queued
Settlements
Queued
client-portal-screens-2.jsx
Queued
Reconciliation
Queued
client-portal-screens-3.jsx
Queued
Reports / analytics
Queued
client-portal-screens-3.jsx
Queued
Team management
Queued
client-portal-screens-3.jsx
Queued
Integrations
Queued
client-portal-screens-3.jsx
Queued
Billing
Queued
client-portal-screens-3.jsx
Queued
Correspondence
Outbound emails, SMS, postal, PDFs, signatures, B2B docs.
Surface
Status
Source
Notes
Email render pipeline (AdevaEmailTemplate)
Shipped
emails.jsx · EmailShell
Inline-CSS chrome with header / footer / disclosure / hardship + AFCA links · used by IEmailSender callers
Debt lifecycle emails (5)
Shipped
emails.jsx
DebtCreated · Activated · Overdue · PaymentPlanConfirmed · Settled · all routed through AdevaEmailTemplate.Render
Email extras (dispute, settlement, plan-variation)
Queued
emails-extra.jsx
Templates ready; pipe through AdevaEmailTemplate when implemented
Email signatures (5)
Queued
signatures.jsx
Queued
SMS templates
Queued
emails-extra.jsx
Different rendering path (no HTML)
Postal letter templates
Queued
emails-extra.jsx
PDF render pipeline
PDF documents
Queued
pdfs.jsx
Statement / receipt / agreement PDFs
Admin templates (MSA, SLA, invoices, SOC 2)
Queued
admin-templates.jsx
14 documents
What “weighted progress” means.
Shipped surfaces count for 100%, partial surfaces count for 50%, queued surfaces count for 0%, and n/a
(design-only references with no codebase target) are excluded from the weight. The percentage above
reflects rollout health rather than raw count. Foundation completeness implies that any remaining
queued surface only needs view-level work — no controller changes — to adopt the design.