BRAND

Founded in 2001, C&C is a people-centric company, reflecting its payoff "People Around Technology". In a technological world that can feel impersonal, C&C places the human element at the core of its identity. Specializing in the Retail, B2B, and EDU sectors, C&C provides technological solutions for businesses and educational institutions, supporting digital transformation and improving operational efficiency.

SYMBOL

The C&C symbol can be used separately from the logotype only for internal use or with authorization from C&C S.p.A., for example in in-store communications, on its social media channels, or in C&C videos.

The distance between the circles is equal to their diameter divided by 8.16; the distance between the trademark and the logotype is equal to the diameter of the circles divided by 4.95.

COLORS

Below, the institutional color palette and 3 palette suggestions. It is possible to combine colors from the different palettes, as long as they reflect the communicative tone of the context and form harmonious combinations.

Corporate Palette

Institutional colors

Plum

#

903B8D

RGB: 144 - 59 - 141
CMYK: 52 - 87 - 0 - 0
PANTONE 513 C

Plum

#

903B8D

RGB: 144 - 59 - 141
CMYK: 52 - 87 - 0 - 0
PANTONE 513 C

Plum

#

903B8D

RGB: 144 - 59 - 141
CMYK: 52 - 87 - 0 - 0
PANTONE 513 C

Plum

#

903B8D

RGB: 144 - 59 - 141
CMYK: 52 - 87 - 0 - 0
PANTONE 513 C

Midnight Blue

#

134486

RGB: 19 - 68 - 134
CMYK: 100 - 77 - 16 - 0
PANTONE 7687 C

Midnight Blue

#

134486

RGB: 19 - 68 - 134
CMYK: 100 - 77 - 16 - 0
PANTONE 7687 C

Midnight Blue

#

134486

RGB: 19 - 68 - 134
CMYK: 100 - 77 - 16 - 0
PANTONE 7687 C

Midnight Blue

#

134486

RGB: 19 - 68 - 134
CMYK: 100 - 77 - 16 - 0
PANTONE 7687 C

Light Blue

#

B0DEF2

RGB: 176 - 222 - 242
CMYK: 35 - 0 - 0 - 0
PANTONE 290 C

Light Blue

#

B0DEF2

RGB: 176 - 222 - 242
CMYK: 35 - 0 - 0 - 0
PANTONE 290 C

Light Blue

#

B0DEF2

RGB: 176 - 222 - 242
CMYK: 35 - 0 - 0 - 0
PANTONE 290 C

Light Blue

#

B0DEF2

RGB: 176 - 222 - 242
CMYK: 35 - 0 - 0 - 0
PANTONE 290 C

Black

#

000000

RGB: 0 - 0 - 0

Black

#

000000

RGB: 0 - 0 - 0

Black

#

000000

RGB: 0 - 0 - 0

Black

#

000000

RGB: 0 - 0 - 0

White

#

FFFFFF

RGB: 255 - 255 - 255

White

#

FFFFFF

RGB: 255 - 255 - 255

White

#

FFFFFF

RGB: 255 - 255 - 255

White

#

FFFFFF

RGB: 255 - 255 - 255

Essential Palette

Essential colors, used on the cec.com website and in the Retail area.

Alabaster Gray

#

FAFAFA

RGB: 250 - 250 - 250

Alabaster Gray

#

FAFAFA

RGB: 250 - 250 - 250

Alabaster Gray

#

FAFAFA

RGB: 250 - 250 - 250

Alabaster Gray

#

FAFAFA

RGB: 250 - 250 - 250

Glitter Gray

#

E5EAF5

RGB: 230 - 234 - 245

Glitter Gray

#

E5EAF5

RGB: 230 - 234 - 245

Glitter Gray

#

E5EAF5

RGB: 230 - 234 - 245

Glitter Gray

#

E5EAF5

RGB: 230 - 234 - 245

Rock Blue

#

8FA3CC

RGB: 230 - 234 - 245

Rock Blue

#

8FA3CC

RGB: 230 - 234 - 245

Rock Blue

#

8FA3CC

RGB: 230 - 234 - 245

Rock Blue

#

8FA3CC

RGB: 230 - 234 - 245

Palatinate Blue

#

4639E1

RGB: 70 - 57 - 225

Palatinate Blue

#

4639E1

RGB: 70 - 57 - 225

Palatinate Blue

#

4639E1

RGB: 70 - 57 - 225

Palatinate Blue

#

4639E1

RGB: 70 - 57 - 225

Bunting Blue

#

1A1D56

RGB: 26 - 29 - 86

Bunting Blue

#

1A1D56

RGB: 26 - 29 - 86

Bunting Blue

#

1A1D56

RGB: 26 - 29 - 86

Bunting Blue

#

1A1D56

RGB: 26 - 29 - 86

Ebony Clay Blue

#

262641

RGB: 38 - 38 - 65

Ebony Clay Blue

#

262641

RGB: 38 - 38 - 65

Ebony Clay Blue

#

262641

RGB: 38 - 38 - 65

Ebony Clay Blue

#

262641

RGB: 38 - 38 - 65

Daisy Bush

#

5F4090

RGB: 95 - 64 - 144

Daisy Bush

#

5F4090

RGB: 95 - 64 - 144

Daisy Bush

#

5F4090

RGB: 95 - 64 - 144

Daisy Bush

#

5F4090

RGB: 95 - 64 - 144

Purple Nebula

#

CF94FF

#

5230E8

Purple Nebula

#

CF94FF

#

5230E8

Purple Nebula

#

CF94FF

#

5230E8

Purple Nebula

#

CF94FF

#

5230E8

Coastal Drift

#

7DB4C4

#

598BA5

Coastal Drift

#

7DB4C4

#

598BA5

Coastal Drift

#

7DB4C4

#

598BA5

Coastal Drift

#

7DB4C4

#

598BA5

Vibrant Palette

Colors intended for product campaigns and the EDU area.

Cerise Pink

#

FC0073

RGB: 252 - 0 - 115

Cerise Pink

#

FC0073

RGB: 252 - 0 - 115

Cerise Pink

#

FC0073

RGB: 252 - 0 - 115

Cerise Pink

#

FC0073

RGB: 252 - 0 - 115

Ultramarine Blue

#

2163FF

RGB: 33 - 99 - 255

Ultramarine Blue

#

2163FF

RGB: 33 - 99 - 255

Ultramarine Blue

#

2163FF

RGB: 33 - 99 - 255

Ultramarine Blue

#

2163FF

RGB: 33 - 99 - 255

Sky Blue

#

67E7F4

RGB: 103 - 231 - 244

Sky Blue

#

67E7F4

RGB: 103 - 231 - 244

Sky Blue

#

67E7F4

RGB: 103 - 231 - 244

Sky Blue

#

67E7F4

RGB: 103 - 231 - 244

Dull Magenta

#

DB31BB

RGB: 219 - 49 - 187

Dull Magenta

#

DB31BB

RGB: 219 - 49 - 187

Dull Magenta

#

DB31BB

RGB: 219 - 49 - 187

Dull Magenta

#

DB31BB

RGB: 219 - 49 - 187

Purple Heart

#

750ED5

RGB: 117 - 14 - 213

Purple Heart

#

750ED5

RGB: 117 - 14 - 213

Purple Heart

#

750ED5

RGB: 117 - 14 - 213

Purple Heart

#

750ED5

RGB: 117 - 14 - 213

Dull Blue

#

443AD8

RGB: 117 - 14 - 213

Dull Blue

#

443AD8

RGB: 117 - 14 - 213

Dull Blue

#

443AD8

RGB: 117 - 14 - 213

Dull Blue

#

443AD8

RGB: 117 - 14 - 213

Rusty Red

#

E13545

RGB: 225 - 53 - 69

Rusty Red

#

E13545

RGB: 225 - 53 - 69

Rusty Red

#

E13545

RGB: 225 - 53 - 69

Rusty Red

#

E13545

RGB: 225 - 53 - 69

Faded Blue

#

8F87FF

RGB: 143 135 255

Faded Blue

#

8F87FF

RGB: 143 135 255

Faded Blue

#

8F87FF

RGB: 143 135 255

Faded Blue

#

8F87FF

RGB: 143 135 255

Turquoise Blue

#

1BD1F8

RGB: 27 - 209 - 248

Turquoise Blue

#

1BD1F8

RGB: 27 - 209 - 248

Turquoise Blue

#

1BD1F8

RGB: 27 - 209 - 248

Turquoise Blue

#

1BD1F8

RGB: 27 - 209 - 248

Terracotta

#

ED774F

RGB: 237 - 119 - 79

Terracotta

#

ED774F

RGB: 237 - 119 - 79

Terracotta

#

ED774F

RGB: 237 - 119 - 79

Terracotta

#

ED774F

RGB: 237 - 119 - 79

Harvest Gold

#

F4BC54

RGB: 244 - 188 - 84

Harvest Gold

#

F4BC54

RGB: 244 - 188 - 84

Harvest Gold

#

F4BC54

RGB: 244 - 188 - 84

Harvest Gold

#

F4BC54

RGB: 244 - 188 - 84

Cream Can

#

FEB503

RGB: 254 - 181 - 3

Cream Can

#

FEB503

RGB: 254 - 181 - 3

Cream Can

#

FEB503

RGB: 254 - 181 - 3

Cream Can

#

FEB503

RGB: 254 - 181 - 3

June Green

#

BEDE54

RGB: 190 - 222 - 84

June Green

#

BEDE54

RGB: 190 - 222 - 84

June Green

#

BEDE54

RGB: 190 - 222 - 84

June Green

#

BEDE54

RGB: 190 - 222 - 84

Aquamarine Green

#

48DBA3

RGB: 190 - 222 - 84

Aquamarine Green

#

48DBA3

RGB: 190 - 222 - 84

Aquamarine Green

#

48DBA3

RGB: 190 - 222 - 84

Aquamarine Green

#

48DBA3

RGB: 190 - 222 - 84

Golden Apricot

#

F4BC54

#

ED774F

Golden Apricot

#

F4BC54

#

ED774F

Golden Apricot

#

F4BC54

#

ED774F

Golden Apricot

#

F4BC54

#

ED774F

Flaming Coral

#

FC0073

#

ED7650

Flaming Coral

#

FC0073

#

ED7650

Flaming Coral

#

FC0073

#

ED7650

Flaming Coral

#

FC0073

#

ED7650

Neon Blossom

#

FC0073

#

750ED5

Neon Blossom

#

FC0073

#

750ED5

Neon Blossom

#

FC0073

#

750ED5

Neon Blossom

#

FC0073

#

750ED5

Electric Coastline

#

67E7F4

#

2163FF

Electric Coastline

#

67E7F4

#

2163FF

Electric Coastline

#

67E7F4

#

2163FF

Electric Coastline

#

67E7F4

#

2163FF

Crystal Lagoon

#

48DBA3

#

1BD1F8

Crystal Lagoon

#

48DBA3

#

1BD1F8

Crystal Lagoon

#

48DBA3

#

1BD1F8

Crystal Lagoon

#

48DBA3

#

1BD1F8

Lime Breeze

#

BEDE54

#

48DBA3

Lime Breeze

#

BEDE54

#

48DBA3

Lime Breeze

#

BEDE54

#

48DBA3

Lime Breeze

#

BEDE54

#

48DBA3

Executive Palette

Colors with a more serious tone of voice, intended for Pro uses and the B2B area.

Daisy Bush

#

5F4090

RGB: 95 - 64 - 144

Daisy Bush

#

5F4090

RGB: 95 - 64 - 144

Daisy Bush

#

5F4090

RGB: 95 - 64 - 144

Daisy Bush

#

5F4090

RGB: 95 - 64 - 144

Palatinate Blue

#

4639E1

RGB: 70 - 57 - 225

Palatinate Blue

#

4639E1

RGB: 70 - 57 - 225

Palatinate Blue

#

4639E1

RGB: 70 - 57 - 225

Palatinate Blue

#

4639E1

RGB: 70 - 57 - 225

Glacier Blue

#

63C3D1

RGB: 24 - 24 - 27

Glacier Blue

#

63C3D1

RGB: 24 - 24 - 27

Glacier Blue

#

63C3D1

RGB: 24 - 24 - 27

Glacier Blue

#

63C3D1

RGB: 24 - 24 - 27

Bunting Blue

#

1A1D56

RGB: 26 - 29 - 86

Bunting Blue

#

1A1D56

RGB: 26 - 29 - 86

Bunting Blue

#

1A1D56

RGB: 26 - 29 - 86

Bunting Blue

#

1A1D56

RGB: 26 - 29 - 86

Cobalt Blue

#

125E9F

RGB: 18 - 94 - 159

Cobalt Blue

#

125E9F

RGB: 18 - 94 - 159

Cobalt Blue

#

125E9F

RGB: 18 - 94 - 159

Cobalt Blue

#

125E9F

RGB: 18 - 94 - 159

Bastille Black

#

2B2B2B

RGB: 43 - 43 - 43

Bastille Black

#

2B2B2B

RGB: 43 - 43 - 43

Bastille Black

#

2B2B2B

RGB: 43 - 43 - 43

Bastille Black

#

2B2B2B

RGB: 43 - 43 - 43

Erie Black

#

18181B

RGB: 24 - 24 - 27

Erie Black

#

18181B

RGB: 24 - 24 - 27

Erie Black

#

18181B

RGB: 24 - 24 - 27

Erie Black

#

18181B

RGB: 24 - 24 - 27

Arctic Reef

#

2DB3BC

#

125E9F

Arctic Reef

#

2DB3BC

#

125E9F

Arctic Reef

#

2DB3BC

#

125E9F

Arctic Reef

#

2DB3BC

#

125E9F

Text Color Checker

To ensure perfect readability of texts, it is advisable to choose color combinations with adequate contrast.

This tool allows you to check it in real-time.

To ensure perfect readability of texts, it is advisable to choose color combinations with adequate contrast.

This tool allows you to check it in real-time.

COMPLIANT
FOREGROUND TEXT

0

% black

0

% black

0

% black

0

% black

5

% black

5

% black

5

% black

5

% black

10

% black

10

% black

10

% black

10

% black

15

% black

15

% black

15

% black

15

% black

20

% black

20

% black

20

% black

20

% black

25

% black

25

% black

25

% black

25

% black

30

% black

30

% black

30

% black

30

% black

35

% black

35

% black

35

% black

35

% black

40

% black

40

% black

40

% black

40

% black

45

% black

45

% black

45

% black

45

% black

50

% black

50

% black

50

% black

50

% black

55

% black

55

% black

55

% black

55

% black

60

% black

60

% black

60

% black

60

% black

65

% black

65

% black

65

% black

65

% black

70

% black

70

% black

70

% black

70

% black

75

% black

75

% black

75

% black

75

% black

80

% black

80

% black

80

% black

80

% black

85

% black

85

% black

85

% black

85

% black

90

% black

90

% black

90

% black

90

% black

95

% black

95

% black

95

% black

95

% black

100

% black

100

% black

100

% black

100

% black

FONT

The font family used is Google Inter (Download), with a line height of 1.2 em. For headings, the use of SemiBold (600) or Bold (700) variants is recommended, while for paragraphs, Regular (400) or Medium (500) versions are indicated. It is not recommended to use the Thin (100), Black (900) variants and all Italic versions. If the Inter font is not usable, the use of the Helvetica font is permitted as an alternative.

The font family used is Google Inter (Download), with a line height of 1.1 em. For headings, the use of SemiBold (600) or Bold (700) variants is recommended, while for paragraphs, Regular (400) or Medium (500) versions are indicated. It is not recommended to use the Thin (100), Black (900) variants and all Italic versions. If the Inter font is not usable, the use of the Helvetica font is permitted as an alternative.

The font family used is Google Inter (Download), with a line height of 1.1 em. For headings, the use of SemiBold (600) or Bold (700) variants is recommended, while for paragraphs, Regular (400) or Medium (500) versions are indicated. It is not recommended to use the Thin (100), Black (900) variants and all Italic versions. If the Inter font is not usable, the use of the Helvetica font is permitted as an alternative.

PARTNERS

C&C's partnerships follow rigorous co-branding principles, with each use of the company logo requiring prior written approval from C&C S.p.A. The goal is to ensure perfect visual consistency through equivalent dimensions, balanced alignment, and carefully defined spacing between the C&C logo and the partner's logo.

If the partner's logo is disproportionately large, it is necessary to resize it to match the height of the C&C logotype.

The arrangement of the logos must comply with the following criteria:

  • the distance between the C&C logo and the partner logo corresponds to the diameter of two spheres of the C&C trademark

  • this space must be interspersed with a line with a thickness identical to that of the registered trademark (®)

  • the height of the line must be equivalent to the height of the C&C trademark, including its clear space

If the partner is promoting a specific event and has not established guidelines for the use of their logo in co-branding, the same principles previously described can be applied, with a reversal of the logo arrangement. Also in this case, written approval from C&C S.p.A. is required.

The Apple Premium Partner logo follows the same spacing and proportion rules already defined for all partners. The vertical version is always preferable and must have a trademark and logotype height corresponding to that of the C&C trademark and logotype, excluding the rectangular box. In specific cases, and only with written authorization from C&C S.p.A., it is possible to use the horizontal version of the Apple Premium Partner logo.

PAYOFF

The payoff "People Around Technology" can be used in conjunction with the C&C logo or alone, as an independent claim. Depending on the needs, it can be arranged on one, two, or three lines and adopted in any color, although white or black are preferred. The font used is Google Inter SemiBold 600 (Download), with a line height of 1.1 Em.

Download the payoff archive

ICONOGRAPHY

Icons are available in SVG format, allowing customization of colors and thicknesses. To ensure visual consistency, preferably use colors from the palette defined in this design kit.

Follow these dimensional guidelines:
Light: 12-24px (digital interfaces) or 2.5-10mm (print)
Regular: 23-48px (digital interfaces) or 5-15mm (print)
Bold: 47-64px (digital interfaces) or 15-25mm (print)

Using dimensions outside these ranges is not recommended.

In Apple environments, SF Symbols icons (https://developer.apple.com/sf-symbols) can be integrated while adhering to Apple's official guidelines.

In this table, you can download some icons for your projects. You can customize colors, thicknesses, and fillings.
Last update: 17/04/2025

In this table, you can download some icons for your projects. You can customize colors, thicknesses, and fillings.
Last updated: 17/04/2025

Set Icons Style

Color A
Color B
deliver
delivery
ship to
user_area
backend
service
service_prt
people
employees
community
contact
start
school
teacher
education
phone
call
call app
marketing
cart
cart in
cart out
cart +
cart -
certificate
account
play
pause
shop
chip
suitcase
contactless
promo_card
store
phone_alert
phone_crack
tablet_crack
watch_crack
phone_rep
watch_rep
battery_rep
resource
europe
denmark
estonia
finland
france
italy
latvia
lithuania
sweden
language
worldwide
amer
emeia
search
marketshare
money
money_sec
personal_id
piggy_bank
calendar
like
dislike
cable
protect_sec
certificate_sec
right
left
up
down
l_r
r_l
u_d
d_u
server
server_sec
cloud
cloud_sec
cloud_down
cloud_up
chev_right
chev_left
chev_up
chev_down
chev_no
arrow_cw
arrow_ccw
target

Set Icons Style

Color A
Color B
deliver
delivery
ship to
user_area
backend
service
service_prt
people
employees
community
contact
start
school
teacher
education
phone
call
call app
marketing
cart
cart in
cart out
cart +
cart -
certificate
account
play
pause
shop
chip
suitcase
contactless
promo_card
store
phone_alert
phone_crack
tablet_crack
watch_crack
phone_rep
watch_rep
battery_rep
resource
europe
denmark
estonia
finland
france
italy
latvia
lithuania
sweden
language
worldwide
amer
emeia
search
marketshare
money
money_sec
personal_id
piggy_bank
calendar
like
dislike
cable
protect_sec
certificate_sec
right
left
up
down
l_r
r_l
u_d
d_u
server
server_sec
cloud
cloud_sec
cloud_down
cloud_up
chev_right
chev_left
chev_up
chev_down
chev_no
arrow_cw
arrow_ccw
target

Set Icons Style

Color A
Color B
deliver
delivery
ship to
user_area
backend
service
service_prt
people
employees
community
contact
start
school
teacher
education
phone
call
call app
marketing
cart
cart in
cart out
cart +
cart -
certificate
account
play
pause
shop
chip
suitcase
contactless
promo_card
store
phone_alert
phone_crack
tablet_crack
watch_crack
phone_rep
watch_rep
battery_rep
resource
europe
denmark
estonia
finland
france
italy
latvia
lithuania
sweden
language
worldwide
amer
emeia
search
marketshare
money
money_sec
personal_id
piggy_bank
calendar
like
dislike
cable
protect_sec
certificate_sec
right
left
up
down
l_r
r_l
u_d
d_u
server
server_sec
cloud
cloud_sec
cloud_down
cloud_up
chev_right
chev_left
chev_up
chev_down
chev_no
arrow_cw
arrow_ccw
target

Set Icons Style

Color A
Color B
deliver
delivery
ship to
user_area
backend
service
service_prt
people
employees
community
contact
start
school
teacher
education
phone
call
call app
marketing
cart
cart in
cart out
cart +
cart -
certificate
account
play
pause
shop
chip
suitcase
contactless
promo_card
store
phone_alert
phone_crack
tablet_crack
watch_crack
phone_rep
watch_rep
battery_rep
resource
europe
denmark
estonia
finland
france
italy
latvia
lithuania
sweden
language
worldwide
amer
emeia
search
marketshare
money
money_sec
personal_id
piggy_bank
calendar
like
dislike
cable
protect_sec
certificate_sec
right
left
up
down
l_r
r_l
u_d
d_u
server
server_sec
cloud
cloud_sec
cloud_down
cloud_up
chev_right
chev_left
chev_up
chev_down
chev_no
arrow_cw
arrow_ccw
target

Set Icons Style

Color A
Color B
deliver
delivery
ship to
user_area
backend
service
service_prt
people
employees
community
contact
start
school
teacher
education
phone
call
call app
marketing
cart
cart in
cart out
cart +
cart -
certificate
account
play
pause
shop
chip
suitcase
contactless
promo_card
store
phone_alert
phone_crack
tablet_crack
watch_crack
phone_rep
watch_rep
battery_rep
resource
europe
denmark
estonia
finland
france
italy
latvia
lithuania
sweden
language
worldwide
amer
emeia
search
marketshare
money
money_sec
personal_id
piggy_bank
calendar
like
dislike
cable
protect_sec
certificate_sec
right
left
up
down
l_r
r_l
u_d
d_u
server
server_sec
cloud
cloud_sec
cloud_down
cloud_up
chev_right
chev_left
chev_up
chev_down
chev_no
arrow_cw
arrow_ccw
target

Subscribe to our newsletter

Stay updated on our exclusive promotions, special discounts, and latest news!

Subscribe to our newsletter

Stay updated on our exclusive promotions, special discounts, and latest news!

Subscribe to our newsletter

Stay updated on our exclusive promotions, special discounts, and latest news!

Subscribe to our newsletter

Stay updated on our exclusive promotions, special discounts, and latest news!

Subscribe to our newsletter

Stay updated on our exclusive promotions, special discounts, and latest news!

EN

return (
{/* resto del rendering */}
)