Rumble

Visual

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

# Visual identity

This file encodes the supplied *Rumble Brand Guidelines (Light)*, created 22 May 2026 [G]. Rules written in the guidelines are `brand_declared`. Values measured from the guideline artwork are `observed`. Encoded's interpretations are `inferred` and are not brand law. A companion "Dark" guideline deck is implied by the file name but was not supplied.

**Correction from the previous version.** The earlier package listed the navy as #001122, taken from a third-party SVG. The official guideline artwork and palette both use **Dark Mode #061726**. The third-party SVG is no longer referenced.

## Logo

Variants are listed live-first. The first variants in each entry are official files served from Rumble-owned hosts, retrieved and hashed on 3 October 2026, with colors checked against the guideline palette. The last variant in each entry is the unmodified guideline artwork [G slide 6], hosted by Encoded as a stable fallback. Live files can change without notice. A consumer that gets a hash mismatch on a live variant falls back to the next one and does not render the unverified file.

```yaml
logo:
  primary_on_dark:
    description: "Primary logo: Rumble Green brandmark with white 'rumble' wordmark. The guidelines' primary logo, used mainly on dark backgrounds."
    evidence_status: brand_declared
    variants:
      - format: svg
        url: "https://www.rum.group/wp-content/themes/rumble/images/logo.svg"
        sha256: "cbe6fd34c22026143568438700a32979854c6625eb3d60aa980fe8b7e53ed105"
        width: 200
        height: 48
        background: transparent
        treatment: "#85C742 mark, #FFFFFF wordmark (verified)"
        purpose: "Live official vector, served on rum.group. Dark surfaces."
      - format: png
        url: "https://dbgi97grppr1g.cloudfront.net/cmcfkw6gm0dm9130gjt44mwvs/company-logo-dark_cmcfkwb9d0dma130gliemoq7i.png"
        sha256: "1f99877a43c7d2a322e6ff608807bad1151e582dea7db7111d4c765a588d0638"
        width: 1071
        height: 256
        background: transparent
        treatment: "#85C742 mark, #FFFFFF wordmark (verified)"
        purpose: "Live raster used by Rumble's help center (rumble.support), served from its knowledge-base CDN."
      - format: png
        url: "https://encoder.encodedbrands.ai/examples/rumble/assets/rumble-logo-primary-on-dark.png"
        sha256: "ffbbd0adfcc4687911a738e243d01e2de68c94130e4c48c64c8e98c2a5d26d37"
        width: 626
        height: 140
        background: transparent
        purpose: "Guideline artwork, Encoded-hosted fallback."
  primary_on_light:
    description: "Rumble Green brandmark with Dark Mode (navy) 'rumble' wordmark, for light backgrounds."
    evidence_status: brand_declared
    variants:
      - format: png
        url: "https://encoder.encodedbrands.ai/examples/rumble/assets/rumble-logo-primary-on-light.png"
        sha256: "e699fa29579f34a864f9b1cc4b74f8716df7cdbaea37609e7d5e5c53dae71b12"
        width: 626
        height: 140
        background: transparent
        treatment: "#85C742 mark, #061726 wordmark (verified)"
        purpose: "Guideline artwork, Encoded-hosted. No standalone live official file of this lockup was found on Rumble-owned hosts (gap)."
  brandmark_green:
    description: "Brandmark alone in Rumble Green."
    evidence_status: brand_declared
    fallback: primary_on_light
    variants:
      - format: svg
        url: "https://www.rum.group/wp-content/themes/rumble/images/favicon.svg"
        sha256: "cb161b615f31605ce0a66c86aabecc3da1b54d5f4b3c02dd98a46dd0aec42ac3"
        width: 23
        height: 24
        background: transparent
        treatment: "#85C742 (verified)"
        purpose: "Live official vector served on rum.group. Scales to any size."
      - format: svg
        url: "https://studio.rumble.com/icons/rumble-fill/brand.svg"
        sha256: "737ad3cd01620a0d992646faa62a05ca2ed3ff26e6c73397b54455fe8ba0b619"
        width: 15
        height: 16
        background: transparent
        treatment: "#85C742 (verified)"
        purpose: "Live official vector served on Rumble Studio."
      - format: png
        url: "https://ads.rumble.com/assets/standalone/landing/assets/main/rumble-mark.png"
        sha256: "e837fcf88feb196db9a81409d44e65a1ebc406b08a1713d98355a151dd772f62"
        width: 58
        height: 60
        background: transparent
        treatment: "#85C742 (verified)"
        purpose: "Live small raster served on the Rumble Advertising Center. Icon sizes only."
      - format: png
        url: "https://encoder.encodedbrands.ai/examples/rumble/assets/rumble-brandmark-green.png"
        sha256: "08d756b07a464c309b5e953a0b45670ab241a7bfd962e8e6d7c75855ca43be5e"
        width: 228
        height: 228
        background: transparent
        purpose: "Guideline artwork, Encoded-hosted fallback."
  brandmark_white:
    description: "Brandmark alone in white."
    evidence_status: brand_declared
    fallback: primary_on_dark
    variants:
      - format: png
        url: "https://encoder.encodedbrands.ai/examples/rumble/assets/rumble-brandmark-white.png"
        sha256: "5168d3c6a12b95c86e0b413ae89597939b4ece1b8168718deb321b05a440f0c3"
        width: 218
        height: 229
        background: transparent
        purpose: "Guideline artwork, Encoded-hosted. No live official white brandmark was found (gap)."
  rac_lockup:
    description: "Rumble Advertising Center lockup: brandmark, Dark Mode 'rumble' wordmark, and 'ADVERTISING CENTER'. Sub-brand use only."
    evidence_status: observed
    fallback: primary_on_light
    variants:
      - format: svg
        url: "https://ads.rumble.com/assets/standalone/landing/assets/main/logo.svg"
        sha256: "6453049e8d8ee948783c136a2c7d09e000e5ec21642143fb5b86aa42f4dee843"
        width: 200
        height: 46
        background: transparent
        treatment: "#85C443 mark, #061726 wordmark (verified)"
        purpose: "Advertiser-facing RAC contexts on light surfaces."
  studio_lockup:
    description: "Rumble Studio lockup: brandmark, white 'rumble', green 'studio'. Sub-brand use only."
    evidence_status: observed
    fallback: primary_on_dark
    variants:
      - format: svg
        url: "https://studio.rumble.com/rumble-studio-logo-dark.svg"
        sha256: "3ebfa02e09c8ff09d473aca5891665799d0ce1ec7330ecf4cbf188176608fcdd"
        width: 238
        height: 35
        background: transparent
        treatment: "#74CC1D green, white wordmark (verified)"
        purpose: "Rumble Studio contexts on dark surfaces."
```

Live-file observations, 3 October 2026:

- The sub-brand lockups use greens that differ from Rumble Green #85C742: RAC uses #85C443, and Rumble Studio uses #74CC1D. They are recorded as observed, not as palette tokens. See the root's unresolved conflicts.
- wallet.rumble.com still serves an older outlined brandmark (https://rumble.com/i/rumble_logo_back.png). It is not the guideline mark and is not listed above.
- rumble.com itself refused non-browser requests during this check, so no logo file is taken from it.

## Logo usage

The guidelines' rule: the primary logo is the Rumble Green brandmark with the white wordmark, used mainly on dark backgrounds. On light backgrounds, use the Rumble Green brandmark with the Dark Mode wordmark. The brandmark may appear alone in Rumble Green or white, as long as legibility and contrast hold. [G slide 6]

```yaml
logo_usage:
  approved_backgrounds:
    - type: solid_color
      color_token: dark_mode
      logo: primary_on_dark
    - type: solid_color
      color_token: white
      logo: primary_on_light
    - type: solid_color
      color_token: lite_grey
      logo: primary_on_light
    - type: solid_color
      color_token: rumble_green
      logo: brandmark_white
      note: "Inferred from 'brandmark ... in white' and contrast. Guidelines do not show this pairing."
      evidence_status: inferred
  forbidden_backgrounds:
    - type: solid_color
      color_token: rumble_green
      logo: primary_on_dark
      note: "The green mark disappears into a green field."
      evidence_status: inferred
  forbidden_modifications:
    - stretch
    - distort
    - alter
    - recolor outside the approved green / white / Dark Mode treatments
    - "new logo versions or lockups without approval from the Rumble marketing design team"
    - "setting the wordmark in Inter Tight or any other font"
  generation_policy: official_assets_only
  generation_instructions: "Generate the surrounding creative, then composite a verified official asset. Do not draw, trace, or approximate the brandmark or wordmark."
  clear_space: "[gap] Not specified in the supplied guidelines."
  minimum_size: "[gap] Not specified in the supplied guidelines."
  evidence_status: brand_declared
  extensions:
    encoded:
      source: "G slide 6"
```

## Graphic elements

The guidelines use one background graphic: concentric contour lines in Rumble Green that radiate from a small brandmark-shaped center. They are transparent, at most about 38% opacity, and sit behind the type on the typography slides [G slides 7–8]. The artwork is official. The usage notes describe how the guidelines place it (observed). Spec §7.3 defines no graphic-element block, so it is recorded under extensions.

```yaml
extensions:
  encoded:
    graphic_elements:
      contour_background:
        description: "Rumble Green concentric contour lines radiating from a small brandmark-shaped center. Transparent background."
        evidence_status: brand_declared
        source: "G slides 7–8 (embedded artwork, unmodified)"
        variants:
          - format: png
            url: "https://encoder.encodedbrands.ai/examples/rumble/assets/rumble-contour-background.png"
            sha256: "19dfcb6bc3f3f05901a304650135c9ee3076c7d1b628ffe65f5832381386cf71"
            width: 1414
            height: 1034
            background: transparent
            treatment: "#85C742 lines, alpha up to ~38% (verified)"
        usage:
          evidence_status: observed
          placement: "Anchored to one edge or corner and bleeding off the frame, with the center of the contours offset from the type. Behind content, never over it."
          surfaces: "Shown on white in the guidelines. The transparent lines also sit on Lite Grey and Dark Mode."
          scale: "Large: the contours fill most of a slide's height."
        forbidden_modifications:
          - "recolor the lines away from Rumble Green"
          - "raise opacity so the lines compete with type"
          - "redraw, trace, or generate a substitute pattern"
          - "place the contour center directly behind a headline"
        forbidden_modifications_evidence_status: inferred
```

## Color

```yaml
color:
  tokens:
    rumble_green:
      hex: "#85C742"
      role: primary
      semantic_name: "Rumble Green"
      usage_rule: "Primary brand color: the main logo and key brand elements."
      perceptual_descriptors: ["saturated", "lush"]
      evidence_status: brand_declared
      extensions:
        encoded:
          pantone: "PMS 360C"
          stated_meaning: "Harmony, tranquility, peace; stability and endurance; growth and renewal; optimism, hopefulness, and balance (the guidelines' own description of green)."
    dark_mode:
      hex: "#061726"
      role: secondary
      semantic_name: "Dark Mode (navy blue)"
      usage_rule: "Core supporting color, paired closely with Rumble Green for backgrounds, typography, and UI surfaces."
      evidence_status: brand_declared
    woke_green:
      hex: "#4C8800"
      role: accent
      semantic_name: "Woke Green"
      usage_rule: "Use in place of Rumble Green when more contrast is needed or Rumble Green is too light to see clearly."
      evidence_status: brand_declared
      extensions:
        encoded:
          pantone: "PMS 364C"
    fjord:
      hex: "#495A6A"
      role: neutral
      semantic_name: "Fjord"
      usage_rule: "Accent. Use sparingly for small details."
      evidence_status: brand_declared
      extensions:
        encoded:
          inferred_use: "Measures 7.1:1 on white, so it is legible as secondary text. Not a guideline rule."
          inferred_use_evidence_status: inferred
    fierce_red:
      hex: "#F23160"
      role: accent
      semantic_name: "Fierce Red"
      usage_rule: "Accent. Highlight small details; never dominate a composition."
      evidence_status: brand_declared
    bone_grey:
      hex: "#D6E0EA"
      role: neutral
      semantic_name: "Bone Grey"
      usage_rule: "Foundational neutral for clean, open, legible layouts."
      evidence_status: brand_declared
    lite_grey:
      hex: "#F3F5F8"
      role: neutral
      semantic_name: "Lite Grey"
      usage_rule: "Foundational neutral for clean, open, legible layouts."
      evidence_status: brand_declared
    white:
      hex: "#FFFFFF"
      role: surface
      semantic_name: "White"
      usage_rule: "Foundational neutral."
      evidence_status: brand_declared
    text:
      hex: "#061726"
      role: text
      usage_rule: "Dark Mode as text color on light surfaces."
      evidence_status: brand_declared
    text_inverse:
      hex: "#FFFFFF"
      role: text-inverse
      evidence_status: brand_declared
    surface_inverse:
      hex: "#061726"
      role: surface-inverse
      usage_rule: "Dark Mode as background."
      evidence_status: brand_declared
  approved_pairs:
    - { foreground: text, background: white }
    - { foreground: text, background: lite_grey }
    - { foreground: text, background: bone_grey }
    - { foreground: text_inverse, background: surface_inverse }
    - { foreground: rumble_green, background: dark_mode }
    - { foreground: dark_mode, background: rumble_green }
    - { foreground: fjord, background: white }
    - { foreground: fierce_red, background: dark_mode, context: "small accents only" }
    - { foreground: woke_green, background: white, context: "large text (18pt+, or 14pt bold) and graphics only" }
  forbidden_pairs:
    - { foreground: rumble_green, background: white, reason: "Too light for text or thin elements; the guidelines call for Woke Green here. The official logo artwork is the exception." }
    - { foreground: rumble_green, background: lite_grey, reason: "Same as above." }
    - { foreground: white, background: rumble_green, reason: "Fails contrast for text. The white brandmark alone is acceptable." }
    - { foreground: fierce_red, background: rumble_green, reason: "Fails contrast." }
    - { foreground: fjord, background: dark_mode, reason: "Fails contrast." }
  extensions:
    encoded:
      source: "G slide 9"
      stated_hierarchy: "Rumble Green and Dark Mode lead. White and light greys are the foundational neutrals. All other colors are accents used sparingly."
      contrast_method: "WCAG 2.x relative luminance computed by Encoded from the declared hex values."
      contrast_evidence_status: observed
      contrast_ratios:
        text_on_white: "18.1:1"
        text_on_lite_grey: "16.6:1"
        text_on_bone_grey: "13.6:1"
        text_inverse_on_surface_inverse: "18.1:1"
        rumble_green_on_dark_mode: "8.9:1"
        fjord_on_white: "7.1:1"
        fierce_red_on_dark_mode: "4.6:1"
        woke_green_on_white: "4.35:1"
        rumble_green_on_white: "2.1:1"
        rumble_green_on_lite_grey: "1.9:1"
        fierce_red_on_rumble_green: "1.9:1"
        fjord_on_dark_mode: "2.6:1"
      pair_selection_evidence_status: inferred
      pair_selection_note: "The guidelines name the colors and their roles but list no explicit pairs. These pairs apply the stated roles and measured contrast."
```

## Typography

```yaml
typography:
  families:
    inter_tight:
      family: "Inter Tight"
      fallback_stack: ["Inter", "Helvetica Neue", "Arial", "sans-serif"]
      weights: [400, 500, 600]
      styles: ["normal"]
      source: "Google Fonts"
      license_note: "SIL Open Font License 1.1 (Google Fonts distribution)."
      character: "Brand typeface. Regular, Medium, and Semi Bold are shown in the guidelines."
      evidence_status: brand_declared
  roles:
    display: inter_tight
    body: inter_tight
    ui: inter_tight
  extensions:
    encoded:
      source: "G slides 7–8"
      hierarchy:
        rule: "All type follows a consistent three-level hierarchy in Inter Tight, left-aligned."
        levels:
          headline: { weight: 400, reference_size: "about 60pt" }
          sub_headline: { weight: 400, reference_size: "about 32pt" }
          body: { weight: 400, reference_size: "about 12pt" }
        relative_scale: "about 5 : 2.7 : 1 (headline : sub-headline : body)"
        note: "Sizes are not exact; they show relative scale so designers and AI keep the same structure (the guidelines' own wording)."
        evidence_status: brand_declared
      wordmark_note: "The 'rumble' wordmark is custom lettering, not Inter Tight. Use the official asset."
```

Headlines use Regular, not Bold. The guidelines get their confidence from scale and left alignment, not weight. Medium and Semi Bold exist in the family for emphasis and UI. **Gap:** where exactly to use them is not specified.

## Layout

```yaml
layout:
  grid:
    alignment: "Left-aligned type throughout."
  hierarchy: "Headline, sub-headline, body. Three levels, with large jumps in scale between them."
  whitespace: "White and light greys keep layouts clean, open, and legible. Green and Dark Mode carry key elements; accents stay in small details."
  evidence_status: brand_declared
  forbidden_compositions:
    - "centered text blocks (contradicts the left-aligned rule)"
    - "more than three type levels in one composition"
    - "accent colors (Fierce Red, Fjord) used as dominant fields"
    - "Rumble Green body text on white"
    - "a headline whose last line is a single word"
    - "a highlighted phrase split across lines, or a line that ends on its first word"
    - "a logo touching an eyebrow label, headline, or slide edge"
  extensions:
    encoded:
      headline_setting:
        evidence_status: inferred
        rule: "Break headlines at phrase boundaries so lines are close in length. Never leave one word alone on the last line. Keep a color-highlighted phrase on a single line, starting at the beginning of a line or after a complete phrase, never after a dangling article such as 'a' or 'the'."
        implementation: "Set an explicit max-width in characters (about 18 to 24 per line at headline size), use text-wrap: balance, and insert manual line breaks or non-breaking spaces where balance alone strands a word. Check every headline at the final rendered width."
        examples:
          - avoid: "Three ways to sponsor Wednesday / night."
            prefer: "Three ways to sponsor / Wednesday night."
          - avoid: "Clear rules, a human review, and a / Wednesday slot waiting for you."
            prefer: "Clear rules. Human review. / A Wednesday slot waiting for you."
      logo_spacing:
        evidence_status: inferred
        rule: "Until Rumble specifies clear space, keep at least the height of the brandmark as clear space between the logo and any text, including eyebrow labels."
      source: "G slides 8–9"
      forbidden_compositions_evidence_status: inferred
      forbidden_compositions_note: "Derived from the declared left-alignment, three-level hierarchy, accent, and contrast rules. Not listed in the guidelines."
```

## Imagery

**Gap.** No canonical imagery guidance has been recorded. No photographic, illustration, or iconography rules are stated here, and none are implied.

## Motion

**Gap.** No motion guidance was supplied.

## Interop artifacts

`brand.json` (AdCP) and `DESIGN.md` are deterministic projections of this file. They are not hand-authored here; the Encoder generates them from the same data.