Rumble

visual.md

---
bcp_version: "1.1.1"
file_type: visual
parent: /.well-known/brand.md
last_updated: "2026-06-14"
---

# Visual

## Logo

Extracted from live Wikipedia asset (primary source for SVG logo). SHA-256
verified against fetched bytes.

```yaml
logo:
  primary:
    description: "Rumble wordmark with 'R' icon"
    variants:
      - format: svg
        url: "https://upload.wikimedia.org/wikipedia/commons/1/1f/Rumble_logo_2022.svg"
        sha256: "98cfea8d7419a2539ef0076e97463464a0e3109f450274c600bab4f7534bf44d"
        width: 140
        height: 35
        background: transparent
      - format: png
        url: "https://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Rumble_logo_2022.svg/500px-Rumble_logo_2022.svg.png"
        sha256: "[gap]"
        width: 500
        height: 125
        background: transparent
    active_through: "2026-06-14"
```

### Logo usage

- **Clear space:** maintain at least the height of the "R" mark on all sides.
- **Minimum size:** [gap]
- **Approved backgrounds:** dark (#001122), light (white), transparent.
- **Forbidden backgrounds:** backgrounds that clash with the green icon (#85C742).
- **Forbidden modifications:** do not stretch, rotate, recolor the icon or wordmark,
  or remove the icon from the wordmark.

## Color

Extracted from the official SVG logo file (primary source).

```yaml
color:
  tokens:
    rumble-green:
      hex: "#85C742"
      role: primary
    rumble-dark:
      hex: "#001122"
      role: surface-inverse
    white:
      hex: "#FFFFFF"
      role: surface
  approved_pairs:
    - foreground: white
      background: rumble-dark
    - foreground: rumble-dark
      background: white
    - foreground: rumble-green
      background: rumble-dark
  forbidden_pairs:
    - foreground: rumble-green
      background: white
      rationale: "insufficient contrast for accessibility"
```

## Typography

```yaml
typography:
  families:
    body:
      family: "[gap]"
      role: body
      source: "[gap — extracted from rumble.com CSS; not yet determined]"
    display:
      family: "[gap]"
      role: display
      source: "[gap — extracted from rumble.com CSS; not yet determined]"
  roles:
    display: display
    body: body
    ui: body
```

The Rumble wordmark in the logo is custom-drawn SVG paths, not a standard
typeface. Do not attempt to replicate the logo wordmark with a font substitution.

## Layout

[gap] Layout guidance not yet extracted from Rumble brand guidelines. To be
completed against canonical brand guidelines.

## Imagery

[gap] Imagery principles not yet extracted. To be completed against canonical
brand guidelines.