Official Brand Identity Guidelines
Brand
Standards
These guidelines govern all visual, typographic, and communicative expressions of the Stellantis Pro One brand — for partners, agencies, and vendors.
1
Guide Sections
2K+
Global Touchpoints
3
Countries
0
Brand Pillars
01 — Introduction
Brand Overview
Brand Promise
"Build and manage your fleet with a full commercial lineup, in-depth data insights and exclusive fleet services from Stellantis Pro One."
Brand Positioning
Stellantis Pro One is the commercial vehicles business unit of Stellantis — encompassing six iconic brands (Citroën, FIAT, Opel, Peugeot, Ram, Vauxhall) across 34 countries. Launched in October 2023, Pro One drives the Dare Forward 2030 strategy: doubling commercial vehicle net revenues, achieving 40% EV mix, and generating €5B in connected services revenue.
Comprehensive
Full commercial lineup from trucks to vans to police vehicles
Data-Driven
Embedded telematics and Pro One Data insights platform
Reliable
Mopar® Pro One Service and dedicated technician network
Customizable
CustomFit upfitting program for unique fleet requirements
Six Strategic Pillars — Dare Forward 2030
Product Breadth
Largest lineup in the industry: 5 vans, 10 pickup trucks, micro-mobility across 6 brands.
Zero Emission
BEV, hydrogen fuel-cell, and retrofit solutions. 40% EV sales mix target by 2030.
Customer Experience
20,000+ dedicated touchpoints worldwide with tailored partnership and extended service.
Digital Ecosystem
Seamless converter/upfitter platform with CustomFit and ePTO to reduce lead times.
Connected Services
100% of vans and pickups connected. Preventive maintenance, eco-drive, task management.
Global Footprint
15 commercial vehicle plants in Europe, North America, South America, MEA.
02 — Visual Identity
Logo System
Primary — On Dark
Reversed — On White
Logo Anatomy
Stellantis Wordmark
The parent brand identifier in Stellantis Navy. Wide-spaced, all-caps letterforms convey authority and heritage.
The Halo
A constellation of dots in an orbital sphere — representing connectivity, global reach, and data intelligence.
PRO ONE Wordmark
'PRO' in bold black anchors the brand in utility. 'ONE' in Pro One Blue signals the unified fleet solution.
Clear Space & Minimum Size
Clear Space Rule
Maintain clear space equal to the cap-height of the letter "O" in the ONE wordmark on all four sides. No other graphic elements, text, or imagery should intrude on this protected area.
Minimum Size
Logo Don'ts
Do not recolor the logo
Do not stretch or distort
Do not add drop shadows
Do not place on busy backgrounds
Do not use low-contrast backgrounds
Do not rotate the logo
Do not separate PRO from ONE
Do not use outdated versions
03 — Color System
Color Palette
The Stellantis Pro One palette is built on trust, professionalism, and technological authority. Deep blues convey corporate reliability and data intelligence, while greys and whites provide a clean, modern canvas.
Primary Brand Colors
Pro One Blue
Primary logo color — 'ONE' wordmark and Stellantis Halo graphic.
Stellantis Navy
STELLANTIS wordmark and primary brand anchor.
Pro Black
'PRO' wordmark, primary body text, high-contrast elements.
Pure White
Reversed logo, light background text, clean canvas.
Digital & UI Color System
UI Primary Blue
Primary buttons, active tabs, interactive elements.
UI Tertiary Blue
Secondary interactive elements, hover states.
UI Accent Blue
Highlights, active states, link colors.
Deep Complementary
Footer backgrounds, dark overlays, depth layers.
Heading Grey
Primary heading text on light backgrounds.
Body Secondary
Secondary body text, captions, subdued copy.
Subdued Grey
Borders, inactive states, dividers.
Background Grey
Secondary section backgrounds on light layouts.
Color Usage by Context
| Context | Primary | Secondary | Accent |
|---|---|---|---|
| Digital / Web | |||
| Print / Collateral | |||
| Vehicle Livery | |||
| Dark Mode | |||
| Email / CRM |
04 — Typography
Type System
The Pro One type system is built on the Roboto family — balancing mechanical precision with open, friendly curves. Roboto Condensed leads with authority; Roboto body ensures readability; Roboto Mono grounds technical data.
Primary Typeface
Roboto
The workhorse of the brand.
Display / Condensed
Roboto
Condensed
For headers, labels, and impact.
Utility / Code — Roboto Mono
Roboto Mono
Hex codes, data values, technical specs, and code snippets.
#1a3c7f · RGB(26, 60, 127) · Pantone 281 C
Type Scale
| Role | Family | Weight | Size | Tracking |
|---|---|---|---|---|
| Display / Hero | Roboto Condensed | 700 | 64–80px | 0.02em |
| H1 Page Title | Roboto Condensed | 700 | 40–48px | 0.01em |
| H2 Section | Roboto Condensed | 700 | 28–32px | 0.01em |
| H3 Subsection | Roboto Condensed | 700 | 20–24px | 0 |
| Body Large | Roboto | 400 | 18px | 0 |
| Body Default | Roboto | 400 | 16px | 0 |
| Caption / Label | Roboto Condensed | 700 | 11px | 0.15em |
| Code / Spec | Roboto Mono | 400 | 12–14px | 0 |
05 — Communication
Voice & Tone
The Stellantis Pro One voice is authoritative yet accessible — the voice of a trusted partner who understands fleet complexity and speaks clearly about solutions.
Authoritative
We are industry leaders with decades of commercial vehicle expertise. We speak with confidence and precision, never hedging unnecessarily.
"Pro One Data delivers embedded telematics that transform raw vehicle data into actionable fleet intelligence."
Partner-Centric
We emphasize partnership over transaction. We are invested in our customers' success, not just the sale.
"We're not just getting the ink on the order — we're providing a full solution for you."
Forward-Looking
We focus on the future: connected vehicles, predictive maintenance, and operational efficiency.
"Know your fleet inside and out. Refine your business operations and improve your bottom line."
Precise
We use specific, concrete language. We avoid vague superlatives and back claims with data.
"Maximize fleet uptime with data-driven preventative maintenance and high-quality Mopar® parts."
Approved Key Phrases
End-to-End Fleet Solutions
Know your fleet inside and out.
Maximize fleet uptime.
Smarter, more transparent fleet experience.
Discover the Difference.
The Stellantis Pro One Advantage.
From connected insights to reliable service.
A full-service commercial vehicle lineup.
Language Do's & Don'ts
Do Use
Avoid
06 — Photography
Photography Guidelines
Stellantis Pro One photography communicates capability, reliability, and technological leadership. Images should feel purposeful — not staged. Use real-world fleet contexts, professional environments, and authentic human moments.
Golden Hour Fleet Shot
Do
- ✓Dramatic natural lighting (golden hour, dusk)
- ✓Low-angle, wide perspectives
- ✓Real fleet environments
- ✓Clean, purposeful vehicle placement
- ✓Authentic operator presence
Avoid
- ×Stock-looking staged scenes
- ×Overly bright flat studio lighting
- ×Isolated vehicles with no context
- ×Cluttered or distracting backgrounds
Photography Specifications
| Use Case | Aspect Ratio | Min Resolution | Format |
|---|---|---|---|
| Website Hero | 16:9 | 1920×1080px | JPG / WebP |
| Social Media Post | 1:1 | 1080×1080px | JPG / PNG |
| Email Banner | 3:1 | 1200×400px | JPG |
| Print Brochure | Various | 300 DPI | TIFF / EPS |
| Vehicle Detail | 4:3 | 2400×1800px | JPG / TIFF |
| Social Story/Reel | 9:16 | 1080×1920px | JPG / MP4 |
07 — Brand Patterns
Graphic Elements & Patterns
The Stellantis Pro One graphic language extends the Halo motif into a system of patterns, textures, and graphic elements that reinforce the brand's identity across all touchpoints.
The Halo Pattern
The orbital dot constellation derived from the Stellantis Halo logo. Used as a background texture, section divider, or decorative overlay at reduced opacity.
Pattern Usage Rules
5–20% on dark backgrounds; 3–10% on light
Never smaller than 24px dot spacing
Pro One Blue (#1a3c7f) or UI Blue (#5170ad) only
Allow pattern to bleed off edges; never crop to a box
Do not overlap pattern with primary text content
Graphic Elements
Rule Line
1px gradient rule. Section dividers.
Accent Bar
2–4px vertical bar. Prefix labels.
Dot Marker
6px circle. List bullets, status.
Corner Mark
Right-angle bracket. Frame cards.
08 — Application
Brand Usage
Print & Collateral
Digital & Web
Vehicle & Signage
Sub-Brand Ecosystem
Pro One Data
Embedded telematics & fleet analytics platform
Pro One Connect
Real-time fleet management & digital dashboard
Mopar® Pro One
Service, parts, and vehicle protection program
CustomFit
Certified upfitter network and upfit tracking
Vehicle Brand Portfolio
09 — Digital Standards
Digital Guidelines
Button System
Primary CTA
Secondary
Ghost / Tertiary
Destructive / Alert
Spacing System (4px base)
Accessibility Standards (WCAG 2.1)
All color pairs below have been programmatically verified. Values marked AAA exceed the 7:1 threshold for enhanced accessibility.
Dark Mode Pairs
| Foreground | Background | Ratio | AA | AAA | Role |
|---|---|---|---|---|---|
#e8edf5 | #0d1117 | 16.10:1 | ✓ AA | ✓ AAA | Primary text / page |
#e8edf5 | #111827 | 15.09:1 | ✓ AA | ✓ AAA | Primary text / card |
#8899bb | #0d1117 | 6.60:1 | ✓ AA | — | Secondary text / page |
#74829f | #111827 | 4.59:1 | ✓ AA | — | Muted text / card |
#72819b | #0d1117 | 4.50:1 | ✓ AA | — | Faint text / page |
#637e9f | #0d1117 | 4.52:1 | ✓ AA | — | Ultra text / page |
#5e7fa8 | #0d1117 | 4.58:1 | ✓ AA | — | Footer text / page |
#7c9fe4 | #0d1117 | 7.15:1 | ✓ AA | ✓ AAA | Accent / links |
#5170ad | #0d1117 | 3.85:1 | ✓ AA | — | Brand UI / large text |
#e8edf5 | #090d14 | 16.55:1 | ✓ AA | ✓ AAA | Nav text / sidebar |
Light Mode Pairs
| Foreground | Background | Ratio | AA | AAA | Role |
|---|---|---|---|---|---|
#1a2233 | #f5f7fa | 14.82:1 | ✓ AA | ✓ AAA | Primary text / page |
#1a2233 | #ffffff | 15.90:1 | ✓ AA | ✓ AAA | Primary text / card |
#3a4a66 | #f5f7fa | 8.32:1 | ✓ AA | ✓ AAA | Secondary text / page |
#5a6a88 | #f5f7fa | 5.08:1 | ✓ AA | — | Muted text / page |
#607487 | #f5f7fa | 4.50:1 | ✓ AA | — | Faint text / page |
#577492 | #f5f7fa | 4.53:1 | ✓ AA | — | Ultra text / page |
#5d7082 | #eef1f6 | 4.52:1 | ✓ AA | — | Footer text / section |
#5170ad | #f5f7fa | 4.58:1 | ✓ AA | — | Brand UI / page |
#1a3c7f | #ffffff | 10.52:1 | ✓ AA | ✓ AAA | Brand navy / card |
#e8edf5 | #1a3c7f | 8.95:1 | ✓ AA | ✓ AAA | Nav text / sidebar |
Social Media Handles
@stellantisfleet
YouTube
Stellantis Fleet
X / Twitter
@stellantisfleet
Stellantis Fleet
Stellantis Fleet
Blog
stellantisfleet.com/news
Brand Asset Checklist
Logo Files
Typography
Color References
Templates
10 — Motion & Animation
Motion Guidelines
Motion in Stellantis Pro One digital products communicates precision, reliability, and technological intelligence. Every transition should feel purposeful — never decorative. Animations guide attention, confirm interactions, and reinforce the brand’s command-center identity.
Motion Principles
Purposeful
Every animation serves a functional goal: guide focus, confirm state, or reveal hierarchy. No decorative motion.
Precise
Use exact durations and named easing curves. Never approximate. Consistency builds trust.
Restrained
Prefer subtle over dramatic. A 200ms ease-out is more professional than a 600ms bounce.
Responsive
Motion should feel instant on interaction. Input lag destroys confidence. Keep interactive transitions under 200ms.
Duration Scale
| Token | Duration | Use Case | Live Preview |
|---|---|---|---|
| 100ms | Hover states, focus rings, icon swaps | ||
| 150ms | Button press feedback, toggle switches | ||
| 200ms | Default UI transitions — the standard | ||
| 300ms | Panel slides, dropdown opens, tab switches | ||
| 500ms | Page-level transitions, modal entrances | ||
| 700ms | Scroll-triggered reveals, hero entrances | ||
| 1200ms | Brand splash screens, loading sequences only |
Approved Easing Curves
Click any card to preview the curve in action.
Pro Ease Out
ease-outcubic-bezier(0,0,0.2,1)Default for UI reveals and entrances. Starts fast, decelerates to rest. Feels natural and confident.
Pro Ease In Out
ease-in-outcubic-bezier(0.4,0,0.2,1)For transitions between two states — panel slides, tab switches, theme toggles.
Pro Sharp
cubic-bezier(0.4,0,0.6,1)cubic-bezier(0.4,0,0.6,1)For elements that exit the screen. Fast start, fast end — efficient and decisive.
Pro Decelerate
cubic-bezier(0,0,0.2,1)cubic-bezier(0,0,0.2,1)For elements entering from off-screen. Maximum initial velocity, smooth landing.
Pro Accelerate
cubic-bezier(0.4,0,1,1)cubic-bezier(0.4,0,1,1)For elements leaving the viewport. Starts slow, exits at full speed — clean dismissal.
Pro Standard
cubic-bezier(0.2,0,0,1)cubic-bezier(0.2,0,0,1)Material-inspired standard curve for complex layout changes and persistent element motion.
Entrance Animation Patterns
Click ↺ replay on any card to re-run the animation.
Fade Up
opacity:0 → 1 + translateY(24px → 0)Primary scroll-reveal pattern. Used for cards, paragraphs, and section content.
Fade In
opacity:0 → 1For overlays, tooltips, and contextual popups. Pure opacity, no movement.
Slide Right
translateX(-100%) → 0Sidebar panels, drawer menus, and off-canvas navigation.
Scale Up
scale(0.92) → 1 + opacity:0 → 1Modals, dialogs, and confirmation cards. Originates from center.
Slide Down
translateY(-12px) → 0 + opacity:0 → 1Dropdown menus, notification toasts, and contextual panels.
Stagger Fade
nth-child delay: n × 60msApplied sequentially to list items and grid cards with 60ms delay increments.
Component Motion Specifications
| Component | Property | Duration | Easing | Trigger |
|---|---|---|---|---|
| Button (hover) | background-color | 150ms | ease-out | mouseenter / mouseleave |
| Button (press) | transform: scale | 100ms | ease-out | mousedown / mouseup |
| Sidebar collapse | width + opacity | 300ms | cubic-bezier(0.4,0,0.2,1) | toggle click |
| Nav item (active) | border-color + color | 200ms | ease-out | scroll / click |
| Card (hover) | transform + box-shadow | 200ms | ease-out | mouseenter |
| Modal / Dialog | scale + opacity | 300ms | cubic-bezier(0,0,0.2,1) | open state |
| Dropdown menu | translateY + opacity | 200ms | cubic-bezier(0,0,0.2,1) | open state |
| Tab switch | opacity + translateX | 250ms | ease-in-out | tab click |
| Toast / Notification | translateY + opacity | 350ms | cubic-bezier(0,0,0.2,1) | push event |
| Scroll reveal | opacity + translateY | 700ms | cubic-bezier(0,0,0.2,1) | IntersectionObserver |
| Theme toggle | background + color | 300ms | ease | toggle switch |
| Progress / Counter | width / number | 1800ms | ease-out | IntersectionObserver |
| Page transition | opacity + translateY | 500ms | cubic-bezier(0.4,0,0.2,1) | route change |
Accessibility: Reduced Motion
prefers-reduced-motion
All animations must respect the OS-level reduced motion preference. Wrap all non-essential transitions in a @media (prefers-reduced-motion: reduce) override that either removes or minimizes the animation.
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}
}What to preserve
CSS Motion Tokens
Copy-ready CSS variables
:root {
/* Duration scale */
--dur-instant: 100ms; /* hover states, icon swaps */
--dur-fast: 150ms; /* button press, toggles */
--dur-base: 200ms; /* default UI transitions */
--dur-moderate: 300ms; /* panels, dropdowns, tabs */
--dur-slow: 500ms; /* page transitions, modals */
--dur-reveal: 700ms; /* scroll-triggered reveals */
--dur-cinematic: 1200ms; /* brand splash only */
/* Easing curves */
--ease-out: cubic-bezier(0, 0, 0.2, 1);
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--ease-sharp: cubic-bezier(0.4, 0, 0.6, 1);
--ease-decelerate: cubic-bezier(0, 0, 0.2, 1);
--ease-accelerate: cubic-bezier(0.4, 0, 1, 1);
--ease-standard: cubic-bezier(0.2, 0, 0, 1);
}11 — Iconography
Icon Library
Pro One icons follow a 24×24px grid with a 2px stroke weight, 2px corner radius, and optical centering. All icons are delivered as SVG with a single fill path for easy theming. Click any icon to copy its SVG code.
Grid Size
24 × 24 px
Stroke Weight
2 px
Corner Radius
2 px
Format
SVG / React
Icon Usage Rules
Do
Don’t
Icon Color Contexts
Default
Standard UI context
Active
Selected / active state
Muted
Disabled / inactive
On Dark
Dark background context
12 — AI Design System
AI-Ready Brand Foundation
This section provides the machine-readable foundation for every AI tool, developer, and agency partner building Pro One products. It encodes brand intent as structured tokens, prompt contracts, and component specifications — ensuring global consistency across all 20,000+ touchpoints in 34 countries, aligned with the Dare Forward 2030 strategy.
Design Tokens
Single source of truth for all visual decisions
AI Prompts
Structured prompts for consistent AI generation
Components
Spec-driven UI components for all platforms
Global Standards
Compliance rules for 34-country deployment
1. Design Tokens
Copy the JSON block below into your Figma Variables, Style Dictionary, or Tailwind config to propagate all brand decisions from a single source of truth.
{
"color": {
"brand": {
"navy": { "value": "#1a3c7f", "type": "color", "description": "Pro One Blue — primary logo and ONE wordmark" },
"stellantis": { "value": "#1e3975", "type": "color", "description": "Stellantis Navy — STELLANTIS wordmark anchor" },
"black": { "value": "#000000", "type": "color", "description": "Pro Black — PRO wordmark, body text" },
"white": { "value": "#ffffff", "type": "color", "description": "Pure White — reversed logo, light canvas" }
},
"ui": {
"primary": { "value": "#5170ad", "type": "color", "description": "Primary buttons, active tabs" },
"secondary": { "value": "#3a57a0", "type": "color", "description": "Hover states, secondary interactive" },
"accent": { "value": "#7c9fe4", "type": "color", "description": "Highlights, links, active states" },
"deep": { "value": "#1e335e", "type": "color", "description": "Footer, dark overlays, depth layers" }
},
"neutral": {
"heading": { "value": "#333333", "type": "color" },
"body": { "value": "#636363", "type": "color" },
"subdued": { "value": "#bfbfbf", "type": "color" },
"bg": { "value": "#e7e7e7", "type": "color" }
}
},
"typography": {
"family": {
"display": { "value": "Roboto Condensed", "type": "fontFamily" },
"body": { "value": "Roboto", "type": "fontFamily" },
"mono": { "value": "Roboto Mono", "type": "fontFamily" }
},
"weight": {
"regular": { "value": 400, "type": "fontWeight" },
"medium": { "value": 500, "type": "fontWeight" },
"bold": { "value": 700, "type": "fontWeight" }
},
"size": {
"hero": { "value": "56px", "type": "fontSize" },
"h1": { "value": "40px", "type": "fontSize" },
"h2": { "value": "28px", "type": "fontSize" },
"h3": { "value": "20px", "type": "fontSize" },
"body": { "value": "14px", "type": "fontSize" },
"small": { "value": "12px", "type": "fontSize" },
"label": { "value": "10px", "type": "fontSize" }
}
},
"spacing": {
"xs": { "value": "4px", "type": "spacing" },
"sm": { "value": "8px", "type": "spacing" },
"md": { "value": "16px", "type": "spacing" },
"lg": { "value": "24px", "type": "spacing" },
"xl": { "value": "40px", "type": "spacing" },
"2xl": { "value": "64px", "type": "spacing" }
},
"motion": {
"duration": {
"instant": { "value": "100ms", "type": "duration" },
"fast": { "value": "200ms", "type": "duration" },
"standard": { "value": "300ms", "type": "duration" },
"emphasis": { "value": "500ms", "type": "duration" }
},
"easing": {
"standard": { "value": "cubic-bezier(0.4,0,0.2,1)", "type": "cubicBezier" },
"decelerate": { "value": "cubic-bezier(0,0,0.2,1)", "type": "cubicBezier" },
"accelerate": { "value": "cubic-bezier(0.4,0,1,1)", "type": "cubicBezier" }
}
},
"radius": {
"none": { "value": "0px", "type": "borderRadius" },
"sm": { "value": "2px", "type": "borderRadius" },
"md": { "value": "4px", "type": "borderRadius" },
"full": { "value": "9999px", "type": "borderRadius" }
}
}2. AI Prompt Engineering Guidelines
Use these structured prompt contracts when instructing any AI tool (LLM, image generator, code assistant) to produce Pro One-aligned output. Always begin with the Brand Context Block.
You are a brand-compliant AI assistant for Stellantis Pro One. Commercial vehicles business unit of Stellantis (Citroën, FIAT, Opel, Peugeot, Ram, Vauxhall). Operates in 34 countries with 20,000+ global touchpoints. MISSION: "Stand side by side with professionals worldwide." STRATEGY: Dare Forward 2030 — 2× revenue, 40% EV mix, €5B connected services. TONE: Authoritative · Precise · Solution-focused. Never casual. Never vague. COLORS: #1a3c7f (navy) · #5170ad (ui-primary) · #7c9fe4 (accent) · #000000 (black) FONTS: Roboto Condensed (display) · Roboto (body) · Roboto Mono (data) SPACING: 8px grid · 2px corner radius · 24px icon grid FORBIDDEN: cheap · basic · simple APPROVED: efficient · streamlined · optimized · uptime · TCO · zero-emission
[BRAND CONTEXT BLOCK] Generate a React TypeScript component for a fleet vehicle card. REQUIREMENTS: - Display: vehicle name, category badge, range (km), payload (kg), uptime % - Colors: bg #0d1b2e, border #1e335e, accent text #7c9fe4 - Font: Roboto Condensed for labels, Roboto for values - Corner radius: 2px (never round) - Hover: border-color transitions to #5170ad over 200ms - Include: WCAG AA contrast check comments - Export as named component: FleetVehicleCard
[BRAND CONTEXT BLOCK] Write a 60-word product description for the Peugeot e-Expert van. FORMAT: - Lead with operator benefit (uptime, payload, range) - Sentence 2: key spec (range in km, then miles) - Sentence 3: Pro One service ecosystem - CTA: "Configure your fleet" (never "Buy now") - Tone: Expert Authority — confident, no superlatives - Forbidden: amazing, revolutionary, game-changing
[BRAND CONTEXT BLOCK] Generate a fleet photography hero image. SPECS: - Subject: white commercial van, urban logistics setting, dawn light - Mood: professional confidence, operational precision - Color grade: cool-neutral, slight blue cast, high contrast - Composition: rule of thirds, van at 60% frame, motion blur on background - Forbidden: stock-photo smiling drivers, generic cityscapes - Output: 1920×1080px, 16:9, no text overlays - Style reference: automotive editorial, not advertising
[BRAND CONTEXT BLOCK] Localize the following Pro One copy for the French market. SOURCE: "Maximize your fleet uptime with Pro One connected services." RULES: - Maintain Expert Authority tone - Use metric units only - Preserve brand terms: Pro One, TCO, zero-emission (do not translate brand names) - French formal register (vous, not tu) - Flag any cultural adaptations made - Output: translated string + adaptation notes
3. Component Specifications
Atomic spec definitions for every UI component. These drive Figma auto-layout, Storybook stories, and AI code generation equally.
| Component | Variant | Height | Radius | Font | Color Rule | Motion |
|---|---|---|---|---|---|---|
| Button | Primary | 40px | 2px | Roboto Condensed 700 | bg #5170ad → hover #3a57a0 | 200ms standard |
| Button | Secondary | 40px | 2px | Roboto Condensed 700 | border #5170ad, bg transparent | 200ms standard |
| Button | Ghost | 40px | 2px | Roboto Condensed 500 | text #7c9fe4, no border | 150ms standard |
| Input | Default | 40px | 2px | Roboto 400 | border #1e335e → focus #5170ad | 150ms standard |
| Card | Default | auto | 2px | Roboto Condensed | bg #0d1b2e, border #1e335e | 200ms on hover |
| Badge | Status | 20px | 2px | Roboto Mono 400 | bg rgba(81,112,173,0.15) | none |
| Table Row | Default | 44px | 0px | Roboto 400 | hover bg rgba(81,112,173,0.08) | 150ms standard |
| Nav Item | Active | 40px | 2px | Roboto Condensed 700 | border-left 2px #5170ad | 200ms standard |
| Modal | Default | auto | 2px | Roboto Condensed | bg #0d1b2e, overlay 60% black | 300ms decelerate |
| Toast | Info | 48px | 2px | Roboto 400 | bg #1e335e, icon #7c9fe4 | 200ms slide-down |
| Progress | Linear | 4px | 0px | — | track #1e335e, fill #5170ad | 300ms standard |
| Tooltip | Default | 28px | 2px | Roboto Mono 400 9px | bg #000, text #7c9fe4 | 150ms fade-in |
4. Global Compliance Standards
All Pro One digital products must meet these standards before deployment in any of the 34 operating countries.
Global
ALL MARKETSEurope
EU / ENLARGED EUROPENorth America
NA MARKETS5. Content Generation Templates
Reusable copy structures for the most common Pro One content types. Fill in the bracketed variables and the brand voice is preserved automatically.
Template
[VEHICLE NAME] delivers [PRIMARY BENEFIT] for [TARGET OPERATOR TYPE]. With [KEY SPEC 1] and [KEY SPEC 2], it reduces total cost of ownership by [PERCENTAGE/METRIC] compared to [BENCHMARK]. Backed by Pro One's [SERVICE OFFERING] across [REGION].
Example Output
The Peugeot e-Expert delivers zero-emission payload capacity for urban logistics operators. With 330km WLTP range and 1,000kg payload, it reduces total cost of ownership by up to 30% compared to diesel equivalents over 5 years. Backed by Pro One's Free2move Charge network across Enlarged Europe.
Template
[VEHICLE ID] — [ALERT TYPE] [ONE-LINE ACTION REQUIRED] Schedule service: [CTA LINK]
Example Output
VAN-447 — Maintenance Due Brake inspection required within 500km to maintain uptime. Schedule service: proone.fleet/service
Template
[FLEET NAME] Fleet Performance — [PERIOD] [METRIC 1]: [VALUE] ([DELTA vs PRIOR PERIOD]) [METRIC 2]: [VALUE] ([DELTA vs PRIOR PERIOD]) Recommendation: [ONE SENTENCE ACTION]
Example Output
Acme Logistics Fleet Performance — Q1 2025 Uptime: 94.2% (+2.1% vs Q4 2024) Fuel/Energy Cost: €0.08/km (-12% vs Q4 2024) Recommendation: Schedule 3 vehicles for preventive brake service to maintain uptime above 95%.
6. Dare Forward 2030 Alignment
Every product, campaign, and AI-generated asset must map to at least one of the six Pro One strategic pillars. Use this matrix to validate alignment before publishing.
| Pillar | Strategic Goal | KPI | Brand Expression | AI Validation Prompt |
|---|---|---|---|---|
| Product Breadth | Largest lineup in industry | 6 brands, 5 vans, 10 pickups | Show full portfolio diversity | |
| Zero Emission | 40% EV mix by 2030 | BEV market share >40% Enlarged EU | Lead with range and capability parity | |
| Customer XP | 20,000+ dedicated touchpoints | NPS, service response time | Emphasize partnership, not transaction | |
| Digital Ecosystem | Seamless upfitter/converter platform | Lead time reduction % | Highlight CustomFit and ePTO | |
| Connected Services | €5B services revenue by 2030 | Connected vehicle activation rate | Quantify uptime and TCO savings | |
| Global Footprint | 15 plants, 34 countries | Market share by region | Reference regional leadership |
Stellantis Global Standard Commitment
This brand guide is structured as a living design system — not a static PDF. Every token, prompt, component spec, and compliance rule is version-controlled and machine-readable, enabling any AI tool, agency partner, or internal team across all 34 operating countries to build Pro One products that are immediately recognizable, globally compliant, and strategically aligned with Dare Forward 2030. Updates to this system propagate automatically to all downstream products through the token architecture.