KSG Canada · Design System v1

The visual system behind a premium PPF brand.

Direction A — Navy-dominant (Navy + Red + White). Typeface: General Sans.

01 — Foundations

Color

Navy — primary / dark

Navy 900#0C1626--ksg-navy-900
Navy 800#0F1B30--ksg-navy-800
Navy 700#16243F--ksg-navy-700
Navy 600 · primary#1B2A4A--ksg-navy-600
Navy 500#274069--ksg-navy-500
Navy 400#3C588A--ksg-navy-400

Red — action only

Red 700#8E0C1F--ksg-red-700
Red 600 · hover#A50E24--ksg-red-600
Red · primary#C8102E--ksg-red
Red 100#FBDCE0--ksg-red-100
Red 050#FDEEF0--ksg-red-050

Neutral & text

White#FFFFFF--ksg-white
Paper#F4F6F9--ksg-paper
Cloud#EAEEF4--ksg-cloud
Line#D8E0EA--ksg-line
Ink (text)#0F1B30--ksg-ink
Slate (body)#48566B--ksg-slate
Muted#76839A--ksg-muted
Success#1C7A4B--ksg-success

Rule: red is reserved for actions and emphasis — never a large background.

02 — Foundations

Typography · General Sans

Displayksg-display
Stocked in Canada.
Heading 1ksg-h1
The film your shop can stand behind
Heading 2ksg-h2
Three finishes. One standard of protection.
Heading 3ksg-h3
Genuine Huntsman™ TPU
Ledeksg-lede
Premium clear and color PPF, stocked in Vancouver.
Bodyksg-body
Each roll carries a unique verification code and a warranty.
Smallksg-sm
Subject to the approved Canadian product list.

Eyebrow · 13px · uppercase · 0.14em

03 — Components

Buttons & links

Request Wholesale Pricing Order a Sample Pack Explore the Films View Gloss PPF
Small Default Large
Request Pricing Explore the Films

04 — Components

Badges & cards

7-Year Warranty 7.5 mil 5-Year Warranty 200+ OEM Colors
Foundation

KRYSTALGRAN™ PN30

Genuine Huntsman aliphatic TPU — clear and stable for years.

Surface

Wind Load Nano

A self-healing, hydrophobic top coat built in at the factory.

Bond

Smart Adhesive

Holds firm and lifts clean without residue.

05 — Components

Spec tiles

91%+
light transmission
<1
haze
23 MPa+
tensile strength
350%+
elongation
98 GU
gloss up to
Δ <1
QUV aging

06 — Production

Image slots — what to supply

No placeholder images — each slot is a reserved position with the exact ratio & resolution.

21:9
Home hero
2400×1029 · dark vehicle, cinematic, left text space
4:3
Before / After pair
1600×1200 each · matched angle & crop
4:5
Product card
1200×1500 · one car per film
3:2
Factory ×4
1800×1200 · line / coating / QC / rolls
16:9
Warehouse ×1
2000×1125 · Vancouver stock, depth
16:9
AURORA cars
2000×1125 · + 1:1 swatch crops