DrivePlug AutoSA
Brand Architecture & UI Library

DrivePlug AutoSA Design System

Engineered specifically for the Mobility Operating System (MOS). Obsidian dark surfaces, metallic gold accents (#EBBA46), clean typography, accessible states, and unified components.

1. Core Brand Colors & Tokens

Tailwind Tokens & CSS Variables

Primary Gold

#EBBA46

Deep Obsidian

#0A0F13

Dark Surface

#111820

Surface Card

#18222D

Success

#35B779

Error / Alert

#D9534F

2. Buttons & Micro-Interactions

Variants, Sizes & States

Button Variants

Sizes & Icon Integration

Loading & Disabled States

3. Form Primitives

Accessible Inputs, Selects & Labels

Unique vehicle identification number (17 characters).

License plate already registered to another current owner.

Direct buyer-to-seller non-custodial settlement.

Bank transfer transaction reference.

4. StatusBadges (Canonical Domain Enums)

Intelligent Mapping

Auto-formats snake_case domain enums to title case with standardized semantic status colors and indicators:

AvailableReservedSoldIn ProgressCompletedAwaiting PaymentPayment ReportedPayment ConfirmedPayment FailedWaiting For PartsSelectedSubmittedCancelledVerified

5. Responsive Data Table

Sleek obsidian table for Dealership inventory, Job boards, and RFQs.

Vehicle & SpecsVINMileagePriceStatusActions
2022 Toyota Corolla Cross 1.8 XS
Exceeding Joy Dealership
AHTX110098412334,200 kmR 369 900,00Available
2021 Volkswagen Polo 1.0 TSI Life
Exceeding Joy Dealership
WVWZZZ6RZMU194848,500 kmR 279 500,00Reserved
2023 BMW 320i M Sport Auto (G20)
Exceeding Joy Dealership
WBA5R1109PFL882118,900 kmR 649 000,00In Progress
2020 Ford Ranger 2.0 SiT XLT Double Cab
Exceeding Joy Dealership
AFAPXXMJ2PL991079,000 kmR 419 000,00Sold

6. Auditable Vehicle Lifecycle Timeline

Permanent, auditable vehicle history spanning ownership changes, maintenance, and RFQ parts replacements.

Permanent Vehicle Passport

2022 Toyota Corolla Cross 1.8 XS (VIN: AHTX1100984123)

Auditable Event Ledger — 4 Verified Milestone Events

Ownership Transferred to Exceeding Joy DealershipCompleted
31 Aug 2026, 17:09

Vehicle acquired from private owner. Roadworthy certificate inspection verified.

By Exceeding Joy Admin
Major Service & Multi-Point InspectionCompleted
16 Sept 2026, 17:09

Oil, oil filter, air filter, spark plugs replaced. Computer diagnostic scan cleared with 0 faults.

By Lead Tech - Demo Workshop
Brembo Front Brake Pads Procurement (RFQ #PR-1024)Selected
17 Sept 2026, 17:09

Structured RFQ sent to suppliers. Selected ABC Auto Parts (Same-day delivery, 12m warranty).

By Procurement Specialist
Active Service Request in ProgressIn Progress
30 Sept 2026, 15:09

Customer requested 60,000 km maintenance and tyre rotation.

By Customer Service Desk

7. Empty States & Loading Skeletons

Zero Blank Screens Guaranteed

No Supplier RFQ Bids Yet

This part request has been dispatched to 3 accredited suppliers. Responses and comparison metrics will appear here.