Social

Canonical channels.

Where CBC emea is present, how to link to us, and the rules for rendering platform marks on brand surfaces.

Our channels

CBC emea maintains verified accounts on five platforms. The profiles listed below are the only canonical CBC emea group presences — treat any account not listed here as unverified. If you need to create a subsidiary or regional handle, link it clearly to the relevant group account and do not use the CBC emea name or mark without brand approval.

The channels

Platform-mark usage

Platform marks are third-party property. The rules below govern how CBC emea uses them — they do not override each platform’s own brand guidelines.

  • Never recolour. Render each mark at its published brand colour on light surfaces. Do not tint, gradient, or otherwise alter the mark's colour.
  • Monochrome on dark surfaces. Switch to white (#FFFFFF) on Rhino or other dark backgrounds. Use black (#000000) only where white lacks sufficient contrast — this is rare.
  • Clear space. Maintain a minimum clear space equal to half the mark's rendered height on all sides. Do not crowd the mark with text, borders, or other marks.
  • No distortion. Never resize non-proportionally, rotate, animate, add drop shadows, or composite the mark with other graphics.
  • Third-party identity. These marks are not part of the CBC token set and are not subject to CBC brand colour conventions. They exist on brand surfaces as references to the platforms — nothing more.

On our surfaces

Use inline SVG for platform marks so CSS can control the fill for theme switching. The pattern below is already in globals.css; consume it by adding the two class names to your SVG element.

Additional requirements: 44 px minimum touch target around each mark link; aria-label="CBC emea on {Platform}" on the anchor; target="_blank" rel="noopener noreferrer" on all external profile links.

CSS — colour + dark mode

/* globals.css — per-platform brand colours (light surface) */
.social-mark--facebook  path { fill: #1877F2; }
.social-mark--x         path { fill: #000000; }
.social-mark--linkedin  path { fill: #0A66C2; }
.social-mark--instagram path { fill: #E4405F; }
.social-mark--youtube   path { fill: #FF0000; }

/* Switch all marks to white on dark surfaces */
[data-theme="dark"] .social-mark path { fill: #ffffff; }

JSX — link wrapper

/* 44 px minimum touch target wrapping each mark */
<a
  href="https://x.com/CBCemea"
  target="_blank"
  rel="noopener noreferrer"
  aria-label="CBC emea on X"
  style={{
    display: 'inline-flex',
    alignItems: 'center',
    justifyContent: 'center',
    minWidth: 44,
    minHeight: 44,
  }}
>
  <svg
    viewBox="0 0 24 24"
    width={24}
    height={24}
    className="social-mark social-mark--x"
    aria-hidden="true"
  >
    <path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z" />
  </svg>
</a>