CPI Performance Innovation

The potential is already in there.

We release the performance your car left the factory hiding.

Same body.
Same badge.
Different animal.

We don't touch the hardware.

No bolt-ons. No shortcuts. Your engine, exactly as it was engineered.

We rewrite the software.

Custom ECU and TCU calibration — mapped to your car, your fuel, your goals.

Every parameter, remapped with intent.

Fuel. Timing. Boost. Shift points. Nothing generic survives.

Experience Performance Innovation With Every Shift

PowerEfficiencyReliability

Find your dealer

CH·00 The Machine

Scroll

Welcome to CPI

The home of performance innovation.

CPI is a South African–born vehicle software company. We engineer custom ECU and gearbox calibrations that release real performance — and we do it without sacrificing the reliability your car was built with.

Power

Custom engine calibration that releases the output your platform can genuinely support — measured, not guessed.

Efficiency

Economy-focused mapping for drivers who want to stretch every tank further, not just chase numbers.

Reliability

Performance doesn't have to come at the cost of reliability. Every map respects the engineering under it.

What we do

Tuning, done as engineering.

ECU · Engine

ECU software tuning

Custom remapping of fuel, ignition timing and boost — calibrated per vehicle for meaningful, usable gains in power and torque.

Custom mapsAll makesDyno-developed

TCU · Gearbox

Gearbox software tuning

Faster shifts, smarter shift points and raised torque limits — so the gearbox keeps up with everything the engine gains.

Faster shiftsRaised limits

ECO · Economy

Fuel-efficiency tuning

Chasing a ten-second quarter mile, or stretching every tank further — there's a calibration built for each.

Economy mapsDaily drivers

BMW · 2020+

BMW ECU access

2020+ BMW ECUs opened in-house — fully compatible with the platforms tuners actually use.

EcuTekbootmod3MHDMG Flasher

The record

Vehicles tuned with CPI software regularly make some of the highest kW figures in their classes.

— CPI's own words. See the cars themselves on Instagram @cpiperformance.

20+Certified dealers

4Countries — SA · Namibia · Kenya · Tanzania

1Calibration at a time — every map custom

The network

A certified dealer near you.

CPI software is installed and supported through a certified dealer network across Southern and East Africa — so your tune comes with a workshop behind it.

Gauteng

CPI JHB
Dubsport Performance · Kyalami
RP Motorsport · Edenvale
Loco Motorsports

KwaZulu-Natal · HQ

CPI Ballito
CPI PMB
CPI Richards Bay
AG Motorworx · Amanzimtoti
AR Motortech
Kinetic Garage
KTM Automotive · Durban

Cape · Northern Cape

CPI Cape Town
CPI Cape West Coast
187 CPI · Kimberley
Next Level Performance · Kathu
Guvner Motorsport · PE

Namibia

Evolve Tuning · Windhoek

Kenya

Balerion Performance · Nairobi

Tanzania

TQ Auto Point
Uptown Performance

Ready when you are

Book your tune.

WhatsApp — 084 501 4334 info@cpituned.co.za

HQ · KwaZulu-Natal, South Africa +27 84 501 4334

System · 02

The design system

Every token below is load-bearing on the website. Nothing here is decorative documentation — if the site stops using a value, the value leaves the system.

Where this came from

Four references, one steal each — never more than two decisions from the same source. The synthesis, plus CPI's own logo, red and voice, is the brand.

apple.com / airpods-proThe scrub pacing and the band rhythm — long chapters, copy beats breathing with the film.

rimac-automobili.comDark automotive restraint — near-black ground, red rationed like a warning light, stats on thin red rules.

linear.appType discipline — three sizes total, mono for data, tokens documented with measured numbers.

igloo.incOne signature atmosphere move — the recurring hex-mesh world and its film grain.

What makes it none of them: the whole film happens inside one machine — sheet metal to software — built from the same hex physics as CPI's own logo.

Rhythm

Film first, then bands. One band = one screen = one idea. Scroll is the only clock — nothing on the site animates on its own.

film (6 chapters, scroll-scrubbed) → landing → services → proof → dealers → cta → footer

Typography

Three sizes total. Display is Saira Condensed in italic — the same speed-slant as the CPi wordmark. Body is Archivo. Data and labels are JetBrains Mono.

Display · HeroBook your tune.

Display · HeadWe rewrite the software.

Body · ArchivoCustom ECU and gearbox calibrations that release real performance — without sacrificing reliability.

Data · MonoCH·03 — THE BRAIN

Buttons

Real, pressable specimens. Primary carries the only saturated red surface on the page — ghost carries a slate border that ignites on hover.

WhatsApp — 084 501 4334 info@cpituned.co.za

Components

Card

panel #101014 · border #22262C · radius 6px · hover: border slate + lift 3px · red spine scales in on hover

Chip

EcuTekbootmod3MHD

Readout

CH·04

The Map

Palette

Red is the only accent, and it appears at most twice per screen. Every ratio below is measured with WCAG relative luminance, not eyeballed. Click a swatch to copy its hex.

#FE0000Ignition red · accent only
on carbon 4.91:1 large-AA

#9F0102Deep red · button surface
white on it 8.47:1 AA

#0A0A0CCarbon · page ground

#13161ARaised · alternate band

#333C44Slate · borders, ghost buttons
from their current buttons

#F5F6F7White · text
on carbon 18.28:1 AA

#A7ADB5Dim · body text
on panel 8.40:1 AA

#7B838DFaint · labels
on panel 4.95:1 AA

The rules

What not to do, beside the right way.

✕ Never

Spread red everywhere. Their current site made the opposite mistake — no red at all. The brand lives in the tension: black ground, red used like a warning light.

✓ Instead

Red appears at most twice per screen: one label, one action. Everything else is carbon, slate and white.

✕ Never

Let anything animate on its own. Idle float loops read as a stale image sliding around.

✓ Instead

Scroll is the only clock. Stop scrolling and the page is still. Arrival reveals fire once, then rest.

✕ Never

Set display type upright. The wordmark is speed-slanted — upright headlines argue with it.

✓ Instead

Every display setting is italic Saira Condensed, uppercase, tight-leaded — the headline drives in the same direction as the logo.

Graphics · 03

The art direction

Every visual that ships on the website is on this page — with its file, ratio and role. The whole world could be rebuilt from this tab alone.

The cast — six frames, one world

The film is six chained keyframes, each generated with the previous one as its reference so light, grade and world are inherited, never re-invented. The camera only ever travels deeper into the machine.

Keyframe 0 — the machine — **kf0 · The Machine**16:9 · workshop, one red light

Keyframe 1 — surface — **kf1 · Surface**16:9 · the hex grille, macro

Keyframe 2 — the hardware — **kf2 · The Hardware**16:9 · engine bay corridor → ECU

Keyframe 3 — the brain — **kf3 · The Brain**16:9 · circuit terrain, ember traces

Keyframe 4 — the map — **kf4 · The Map**16:9 · hex-mesh data terrain

Keyframe 5 — the number — **kf5 · The Number**16:9 · one clean power curve

Construction rules

One vector

The camera only ever travels deeper in. One reversal would read as a cut — there are none.

One lighting state

A single deep-red source in a near-black world, every scene. The grade never changes.

The hex thread

The logo's hexagonal mesh recurs at every scale: grille → circuitry → data terrain → background pattern.

No text in footage

Generated video renders no words or numbers. All type is live HTML over the film.

Asset inventory

Everything the site loads, by file.

/frames/f_0001–f_0601.jpg · 24fps scrub frames, 1024px
/assets/logo-header.png · 1098×156 · the real CPI lockup — never redrawn
/assets/icon-power.png · icon-efficiency.png · icon-reliability.png · 128px pillar icons (from cpituned.co.za)
/assets/art/kf0–kf5.jpg · 880px keyframe cards (this tab)
/assets/favicon-32.png · apple-touch-icon.png · square CPI mark
/assets/fonts/*.woff2 · self-hosted, subsetted by unicode-range

Motion

The film scrubs on a canvas at its native 24fps — every frame ships, none are decimated. A lerped playhead (factor 0.14) makes the scrub settle like a flywheel. Below the film, sections rise once on arrival and then hold still. Everything respects prefers-reduced-motion.

The type set

Every face carries its designer, foundry, source and licence. All three ship as self-hosted woff2.

Display

Saira Condensed

Héctor Gatti · Omnibus-Type · Google Fonts · SIL OFL 1.1

Body

Archivo

Omnibus-Type · Google Fonts · SIL OFL 1.1

Data

JetBrains Mono

Philipp Nurullin, Konstantin Bulenkov · JetBrains · Google Fonts · SIL OFL 1.1

FYI — all three faces are licensed under the SIL Open Font License 1.1: free for commercial use, embedding and self-hosting, with no fee to CPI. The licence requires only that the font files themselves are not sold standalone. The CPi wordmark is CPI's own artwork and is used as supplied.

Copy · 04

The copy system

Where the words come from, what was cut, and every line shown against the line it replaced. The toggle at the bottom swaps the live website between the two.

Where it comes from

Nothing here is invented. The voice is CPI's own — confident, enthusiast-facing, and every performance promise is paired with reliability. The raw material is their existing site and their real dealer network; the rebuild sharpens it, it does not replace it.

source: cpituned.co.za (scraped 18 Aug 2026) · pillars POWER / EFFICIENCY / RELIABILITY · claim lines kept verbatim where they were already strong

Signs of AI writing — and the cleanse

✕ Cut on sight

"Dominate the road." "Take your ride to the next level." "Premium performance, redefined." Adjective stacks, empty superlatives, and any sentence that could sell a different product unchanged.

✓ Kept instead

Specifics: fuel, timing, boost, shift points. Real numbers only where CPI has earned them — 20+ dealers, 4 countries. No invented stats, users or testimonials anywhere on the page.

Five principles, from this project

1 · Specific beats big"Fuel. Timing. Boost. Shift points." does more than "ultimate performance solutions" ever could.

2 · Pair every promiseEvery power line carries a reliability line — that pairing is CPI's actual philosophy, so the copy performs it.

3 · One idea per band"We don't touch the hardware." then "We rewrite the software." — two bands, because it is two ideas.

4 · Claims stay theirsThe kW claim is quoted from CPI, attributed, and linked to the Instagram where the cars are. Nothing borrowed, nothing manufactured.

5 · Fix, never inherit, errorsThe current site ships "Perfrmance" in its title tag and "consistant" in its hero. The rebuild inherits the voice, not the typos.

Before → after, every headline

Left: the line on cpituned.co.za today. Right: the rebuild.

Experience Performance Innovation With Every Shift.

The potential is already in there.

Welcome To CPI

The home of performance innovation. (their own positioning line, promoted to the headline)

We are industry leaders in vehicle software and performance modifications…

We engineer custom ECU and gearbox calibrations that release real performance — without sacrificing reliability.

Our Services

Tuning, done as engineering.

Whether you are chasing a 10 second 1/4 mile time or looking to stretch your petrol tank further…

Kept — split across the film's finale and the economy card, where each half lands hardest.

Find A Dealer

Book your tune.

See it live

One button rewrites every headline on the website in place — the rebuild against the current copy, both directions, no layout jump. Flip it, then open the Website tab.

The potential is already in there.

Same body.Same badge.Different animal.

We don't touch the hardware.

We rewrite the software.

Every parameter, remapped with intent.

The home of performance innovation.

Power

Efficiency

Reliability

Tuning, done as engineering.

ECU software tuning

Gearbox software tuning

Fuel-efficiency tuning

BMW ECU access

A certified dealer near you.

Gauteng

KwaZulu-Natal · HQ

Cape · Northern Cape

Namibia

Kenya

Tanzania

Book your tune.

Where this came from

Rhythm

Typography

Buttons

Components

Card

Chip

Readout

Palette

The rules

✕ Never

✓ Instead

✕ Never

✓ Instead

✕ Never

✓ Instead

The cast — six frames, one world

Construction rules

One vector

One lighting state

The hex thread

No text in footage

Asset inventory

Motion

The type set

Where it comes from

Signs of AI writing — and the cleanse

✕ Cut on sight

✓ Kept instead

Five principles, from this project

Before → after, every headline

See it live

Same body.
Same badge.
Different animal.