PROTON GEELY Design Hub

Four Automotive Identities.
One Engineering Ecosystem.

R3 Motorsport, Mainline Showroom, e.MAS Electric and Geely Auto Australia each serve a different buyer, a different showroom floor and a different emotional promise. So each one ships its own design system · independent tokens, independent geometry, independent typography · while sharing a single component engine, accessibility baseline and performance budget.

Why four systems, not one theme

  • 01

    Distinct intentA 0px competition edge and a 14px fluid EV radius cannot be reconciled into one token without diluting both.

  • 02

    Distinct audienceTrack customers, hire-purchase buyers, EV adopters and Australian retail each read trust signals differently.

  • 03

    Shared disciplineIdentical WCAG AA contrast floors, 44px touch targets and documented specs across all four repositories.

Design systems
4
Token axes compared
6
Radius range
0 – 14px
Contrast baseline
WCAG AA

Specimen Showcase

Each card is a live extract of the production system · badge, stage photography, token matrix and its two canonical entry points.

Four systems / 01 – 04
Proton R3 race car at speed on the Sepang circuit tarmac Sepang Heritage

Proton R3 Motorsport

Track-bred Sepang heritage and extreme mechanical aerodynamics, rendered with zero-radius competition geometry.

Radius / Corners
0px · Sharp
Primary Accent
Competition Yellow #FFD100
Canvas Ground
Tarmac Black #0A0B0E
Typography / Motion
Barlow Condensed / Oswald · snap cuts
Buka Laman Showroom Lihat Token Spec
Proton S70 sedan presented on a bright showroom stage S70 · ICE & PHEV

Proton Mainline Showroom

S70 and the ICE / PHEV lineup · daylight executive precision with a fully transparent hire purchase architecture.

Radius / Corners
6px · Luxury
Primary Accent
Tiger Fang Apex #0284C7
Canvas Ground
Porcelain Slate #F8FAFC
Typography / Motion
Oswald condensed telemetry · measured
Buka Laman Showroom Lihat Token Spec
Proton e.MAS electric vehicle on a high-key lighting stage Aegis LFP

Proton e.MAS Electric

Global modular architecture and intelligent EV living, built on the Aegis LFP battery platform.

Radius / Corners
14px · Fluid
Primary Accent
Electric Cyan #00C4FF
Canvas Ground
High-Key Pearl
Typography / Motion
Geometric sans · soft spring easing
Buka Laman Showroom Lihat Token Spec
Geely Starray EM-i photographed against a warm architectural backdrop Starray EM-i

Geely Auto Australia

Starray EM-i · European architectural minimalism paired with warm travertine sand luxury and left-hairline telemetry docks.

Radius / Corners
6px · Clean
Primary Accent
Travertine Sand #E5DDD5
Canvas Ground
True Black
Typography / Motion
Neutral grotesk · slow architectural fades
Buka Laman Showroom Lihat Token Spec

Token Comparison Matrix

Side-by-side audit of the six axes that keep the four systems deliberately separate.

Six axes / four systems
Cross-system token audit · canvas, primary, radius, typography, telemetry and conversion target
Design system Canvas Primary Radius Typography Telemetry style Conversion target
Proton R3 Motorsportr3/ Tarmac Black #0A0B0E Competition Yellow #FFD100 0px Sharp Barlow Condensed / Oswald Full-bleed stat bands, hard rules Track-day & parts enquiry
Proton Mainline Showroomshowroom/ Porcelain Slate #F8FAFC Tiger Fang Apex #0284C7 6px Luxury Oswald condensed telemetry Boxed spec cards, apex markers Hire purchase quote & test drive
Proton e.MAS Electricemas/ High-Key Pearl Electric Cyan #00C4FF 14px Fluid Geometric sans, wide tracking Rounded capsules, live range read-out EV pre-booking & charging plan
Geely Auto Australiageely/ True Black Travertine Sand #E5DDD5 6px Clean Neutral grotesk, tight leading Left-hairline telemetry docks Dealer locator & Starray EM-i enquiry

Every system inherits the same non-negotiables: WCAG AA contrast on all text and controls, minimum 44 px touch targets, reduced-motion support, and a versioned specification file committed alongside the build.