Common charger directive (CCD)

v2.0

The EU's Common Charger Directive mandates USB-C ports for most rechargeable devices, aiming to standardize charging interfaces. This regulation enhances device compatibility, allows consumers to buy devices without chargers, improves transparency for buyers, and reduces both consumer costs and environmental waste by minimizing redundant chargers. This mandate is new, and guidance may be subject to change.

CSS
Marko
React

A stylized graphic for a common charger directive (CCD) pictogram.

Anatomy

Minimum power
Maximum power
Watts indicator
Fast charging
Container

Types

Charger included

A charger is included with the purchase of the item.

Charger not included

A charger is not included with the purchase of the item.

The “Charger details” type of CCD. It depicts a charger inside with no rectangle, and stacked 3 lines of type inside, “00.0 - 00.0”, “W”, and “USB PD”.

Charger label

Dynamic labels for the charger’s power range, watt indicator, and fast charging capabilities.

Properties

Power range

The power range is shown with the minimum wattage first, followed by a hyphen with spaces on each side, and then the maximum wattage. Though rare, the maximum permitted range can include up to 2 digits followed by a single decimal point.

Power type

“W” is always visible and represents watts. It should not be changed to any other type of measure.

Fast charging

USB PD is only displayed when a charger has fast charging capabilities.

Behavior

Text wrapping

Though uncommon, the power range will wrap to a maximum of two lines if it exceeds the container’s width. This may also occur if a user increases their browser’s font size settings.

Fast charging

USB PD is only displayed when a charger has fast charging capabilities. When a charger is not fast charging, the range and watt indicator align to the middle of the container.

Minimum and maximum size

The CCD components maintain the same dimensions on both small and large screens with a height of 57px, which accommodates a type size of 7px.

Screen sizes

Small

The CCD pictograms are placed next to each other and as close to the item’s price as possible.

Medium and large

On larger screens, the pictograms remain the same size and placement.

Best practices

Size

Do use the defined size of the CCD pictograms.

Don’t alter the size of the CCD pictograms.

Content

Do follow the formatting of the power range.

Don’t use other text strings as a replacement for the power range.

Placement

Do place the CCD pictograms as close to the item’s price as possible.

Don’t place the CCD pictograms further away from the item’s price.

Specs

Size

Platform fonts and sizes

The fonts available across platforms help determine the required size to ensure text fits properly within its holding shape. Please follow the provided font and size mapping to maintain accurate text sizing.

Web main font: 7/8 type, Reddit Sans Condensed Bold, Web fallback font 1: 6/8 type, Market Sans Bold, Web fallback font 2: 7/8 type, Arial bold.

Android main font: 6/8 type, Noto Sans bold.

iOS main font: 7/8 type, SF Pro Condensed bold.