16. Story assets
Brand
Bobby Connectors brand assets
Split Core is the approved Bobby Connectors identity: one dominant governed core with two separately authorised modules. Every asset on this page is generated from a single deterministic vector master and served from canonical /images/* paths.
1. About Bobby Connectors
Bobby Connectors is the governed connection layer for Bobby Network products. It helps platform and workspace teams configure, monitor and manage approved service connections from one controlled environment.
2. What Bobby Connectors does
- Provides one controlled place to describe and review approved connections.
- Separates platform-wide administration from workspace-scoped management.
- Keeps identity, guidance and governed assets consistent across Bobby Network.
- Capabilities beyond what is implemented — connector runtimes, credential handling, certification or uptime claims — are not described on this page.
3. Approved Split Core identity
- Three geometric pieces and one vertical negative-space split.
- Compact rounded-square silhouette with a dominant charcoal mass.
- No gradients, shadows, glow, texture or 3D effects.
- Preferred lockup is horizontal: symbol plus the wordmark on one line. Symbol-only use is for square placements, avatars and app surfaces.
4. Simplified micro icon
The full Split Core symbol loses clarity below roughly 32 px. The micro icon keeps the same identity — dominant core plus two stacked modules — with pixel-aligned geometry on a 32 px grid, wider negative-space separation and fewer curves. Use it for favicons, dense UI and any placement at or below 32 px. It is a purpose-built variant, not a downscale.
White
Connector Charcoal
Black
5. Logo variants
The wordmark always stays on one line: Bobby Connectors. Full colour on light backgrounds, reversed on dark, one-colour where reproduction is limited.
6. Transparent-background assets
PNG files in this group carry a real alpha channel. The chequerboard shown behind the preview is a page style, never baked into the file.
7. White-background assets
8. Charcoal- and black-background assets
Connector Charcoal #1F2C37
True black #000000
9. Colour system
- Connector Charcoal
- #1F2C37
- Dominant core, wordmark, one-colour version
- Connector Blue
- #22A0D2
- Upper module
- Connector Coral
- #ED5369
- Lower module
These three colours are the only authorised logo colours. White and true black are backgrounds, never fourth logo colours.
10. Typography
- Wordmark: a neutral grotesque at bold weight with −1 tracking, set on a single line. Vector masters use Liberation Sans / Arial metrics so rendering is deterministic.
- Product interface: the system sans stack; headings bold, body regular.
- Never re-typeset the wordmark inside the logo files; use the supplied artwork.
11. Clear space
- Keep clear space equal to the width of the blue module on all sides.
- Nothing — type, rules, edges or other marks — may enter that area.
- On social templates keep at least a 90 px margin at 1080 px width.
12. Minimum sizes
- Full symbol: 32 px minimum. Below that, switch to the micro icon.
- Micro icon: 16 px minimum.
- Horizontal logo: 120 px wide on screen, 25 mm in print.
13. Favicon comparison
Side-by-side: the full Split Core symbol scaled down (left of each pair) against the purpose-built micro icon actually shipped in the favicon files (right).
14. Avatar guidance
On the solid-black avatar background, use the approved reversed Split Core with a white main block for clear recognition. This avatar-specific treatment does not replace the standard charcoal Split Core used everywhere else.
#000000, avatar-specific reversed Split Core (white main block, blue and coral modules), no transparent corners, no circular crop baked in.90% crop
85% crop
border-radius: 50% with overflow: hidden), then through conservative circular crops that use only 90% and 85% of the available diameter. The complete mark stays inside every crop. These are previews of platform cropping only; the downloadable file stays square.Specification
- Format: PNG only, exactly 1:1, no SVG avatar is published.
- Background: solid
#000000across the whole canvas. - Mark: the avatar-specific reversed Split Core — main block
#FFFFFF, upper module#22A0D2, lower module#ED5369— optically and geometrically centred, spanning approximately 64% of the canvas width and height with an 18% clear margin on every side. - No outline, shadow, glow, gradient or extra shape is added. Charcoal is not used inside the avatar.
- Safe area: Square PNG on #000000 with the avatar-specific reversed Split Core (white main block, blue and coral modules); the mark spans 64% of the canvas, leaving an 18% margin on every side, which stays inside any circular platform crop.
- Alt text: “Bobby Connectors avatar: the reversed Split Core symbol with a white main block, centred on a black square”
Available sizes
- bobby-connectors-avatar-400.png · 400 × 400Download PNG 400 × 400
- bobby-connectors-avatar-800.png · 800 × 800Download PNG 800 × 800
- bobby-connectors-avatar-1200.png · 1200 × 1200Download PNG 1200 × 1200
Social platforms usually apply their own circular mask when they display a profile picture. Always upload the square PNG and let the platform crop it.
Small-size recognition
Correct use
Use the supplied square PNG. Platforms and interfaces may display it as a circle through their own crop or CSS mask. Never bake the circular crop into the source image.
- Upload the square PNG at the closest available size.
- Keep the black background and the centred, large reversed Split Core mark.
- Apply circular presentation with CSS only.
Incorrect use
- Do not download or distribute a circular source image.
- Do not make the Split Core mark tiny.
- Do not add excessive padding.
- Do not use a transparent avatar background.
- Do not replace the black background with white.
- Do not use the charcoal Split Core inside the avatar; it lacks contrast on black.
- Do not use this reversed white treatment outside avatar assets.
- Do not stretch or distort the mark.
- Do not offer an avatar SVG.
- Do not place text inside the avatar.
- Do not add gradients, shadows or provider logos.
17. Cover and header assets
18. Embed and Open Graph assets
19. Correct usage
- Prefer the horizontal lockup wherever width allows.
- Use the symbol alone for square placements, app icons and avatars.
- Use the micro icon at or below 32 px.
- Full colour on white or a very light neutral; reversed on charcoal or black.
- One-colour charcoal where printing is limited.
- Respect the clear space and minimum sizes above.
- Use the supplied social, story and cover templates rather than re-cropping.
20. Prohibited usage
- Stretching or distorting.
- Rotating at any angle.
- Recolouring outside the three approved colours.
- Applying gradients.
- Applying shadows.
- Applying glow.
- Adding outlines or strokes.
- Rearranging the Split Core modules.
- Changing module spacing or the negative-space split.
- Placing the mark on low-contrast backgrounds.
- Using the full symbol where the micro icon is required.
- Adding provider logos inside the mark.
- Cropping the wordmark.
- Splitting “Bobby Connectors” over two lines.
- Using any earlier rejected logo candidate.
21. Accessibility and contrast
- Give the logo meaningful alt text (“Bobby Connectors”) when it identifies the site; mark it
alt=""andaria-hidden="true"when a text label sits beside it. - Never rely on Connector Blue or Coral alone to convey meaning; pair with text.
- Connector Charcoal on white and white on Connector Charcoal both exceed WCAG AA for body text; Connector Blue and Coral are decorative and should not carry small text on white.
- Every download control on this page is a link, keyboard operable, with a visible focus ring.
22. Canonical /images/* rule
Every product-controlled image is served from https://bobbyconnectors.com/images/* in the canonical published environment. Application code references these assets with root-relative /images/… paths and lowercase filenames. Preview hosts resolve the same root-relative paths, which does not change the production contract. Data URLs, storage-bucket URLs, temporary generated-asset URLs and external fallbacks are not used for permanent brand images. Root-level files required by browsers (/favicon.ico, /apple-touch-icon.png) are registered infrastructure exceptions whose canonical sources remain under /images/*.
23. Individual downloads
| Asset | Category | Background | Dimensions | Downloads |
|---|---|---|---|---|
| bobby-connectors-logo | logo | transparent | SVG 720×160 · PNG 1440×320 | |
| bobby-connectors-logo-charcoal | logo | transparent | SVG 720×160 · PNG 1440×320 | |
| bobby-connectors-logo-white | logo | transparent | SVG 720×160 · PNG 1440×320 | |
| bobby-connectors-logo-white-solid | logo | transparent | SVG 720×160 · PNG 1440×320 | |
| bobby-connectors-symbol | symbol | transparent | SVG 128×128 · PNG 512×512 | |
| bobby-connectors-symbol-charcoal | symbol | transparent | SVG 128×128 · PNG 512×512 | |
| bobby-connectors-symbol-white | symbol | transparent | SVG 128×128 · PNG 512×512 | |
| bobby-connectors-logo-on-white | logo | white | SVG 720×160 · PNG 1440×320 | |
| bobby-connectors-logo-charcoal-on-white | logo | white | SVG 720×160 · PNG 1440×320 | |
| bobby-connectors-symbol-on-white | symbol | white | SVG 128×128 · PNG 512×512 | |
| bobby-connectors-symbol-charcoal-on-white | symbol | white | SVG 128×128 · PNG 512×512 | |
| bobby-connectors-symbol-on-charcoal | symbol | charcoal | SVG 128×128 · PNG 512×512 | |
| bobby-connectors-symbol-white-on-charcoal | symbol | charcoal | SVG 128×128 · PNG 512×512 | |
| bobby-connectors-logo-white-on-charcoal | logo | charcoal | SVG 720×160 · PNG 1440×320 | |
| bobby-connectors-symbol-on-black | symbol | black | SVG 128×128 · PNG 512×512 | |
| bobby-connectors-symbol-white-on-black | symbol | black | SVG 128×128 · PNG 512×512 | |
| bobby-connectors-logo-white-on-black | logo | black | SVG 720×160 · PNG 1440×320 | |
| bobby-connectors-micro-symbol | icon | transparent | SVG 32×32 · PNG 256×256 | |
| bobby-connectors-micro-symbol-charcoal | icon | transparent | SVG 32×32 · PNG 256×256 | |
| bobby-connectors-micro-symbol-white | icon | transparent | SVG 32×32 · PNG 256×256 | |
| bobby-connectors-favicon-16 | icon | white | PNG 16×16 | |
| bobby-connectors-favicon-20 | icon | white | PNG 20×20 | |
| bobby-connectors-favicon-24 | icon | white | PNG 24×24 | |
| bobby-connectors-favicon-32 | icon | white | PNG 32×32 | |
| bobby-connectors-favicon-48 | icon | white | PNG 48×48 | |
| bobby-connectors-og | embed | solid | SVG 1200×630 · PNG 1200×630 | |
| bobby-connectors-embed-square | embed | solid | SVG 1200×1200 · PNG 1200×1200 | |
| bobby-connectors-embed-wide | embed | solid | SVG 1600×900 · PNG 1600×900 | |
| bobby-connectors-social-square-1080 | social | solid | SVG 1080×1080 · PNG 1080×1080 | |
| bobby-connectors-social-portrait-1080x1350 | social | solid | SVG 1080×1350 · PNG 1080×1350 | |
| bobby-connectors-story-1080x1920 | story | solid | SVG 1080×1920 · PNG 1080×1920 | |
| bobby-connectors-cover-1600x900 | cover | solid | SVG 1600×900 · PNG 1600×900 | |
| bobby-connectors-social-header-1500x500 | cover | solid | SVG 1500×500 · PNG 1500×500 | |
| bobby-connectors-professional-cover-1584x396 | cover | solid | SVG 1584×396 · PNG 1584×396 | |
| bobby-connectors-avatar-400 | avatar | black | PNG 400×400 | |
| bobby-connectors-avatar-800 | avatar | black | PNG 800×800 | |
| bobby-connectors-avatar-1200 | avatar | black | PNG 1200×1200 | |
| bobby-connectors-avatar-1024 | avatar | black | PNG 1024×1024 |
24. Small core ZIP download
A small convenience bundle of the core set. Individual downloads above remain the primary route.
15. Social-media assets