---
bcp_version: "0.3"
file_type: visual
parent: /.well-known/brand.md
last_updated: 2026-05-18
---

# Visual

High-contrast and direct. Red on near-black, with white and grey as supporting tones. The visual system matches the voice: blunt, urgent, no decoration for its own sake.

## Logo

```yaml
logo:
  primary:
    description: "Bruiser primary logo. Source files not yet registered in this BCP."
    variants: []

logo_usage:
  forbidden_modifications:
    - stretch
    - rotate
    - recolor
```

## Color

```yaml
color:
  tokens:
    primary:
      hex: "#cc3b3b"
      role: primary
      description: "Bruiser red. The signal color. Use for emphasis and key calls to action."
    surface_inverse:
      hex: "#0e0e0e"
      role: surface-inverse
      description: "Near-black primary surface."
    surface_dark:
      hex: "#272727"
      role: surface
      description: "Secondary dark surface."
    surface_light:
      hex: "#ffffff"
      role: surface
      description: "White surface for contrast layouts."
    neutral:
      hex: "#999999"
      role: neutral
      description: "Mid-grey for secondary text and dividers."
  approved_pairs:
    - foreground: surface_light
      background: surface_inverse
      context: "default dark layout"
    - foreground: primary
      background: surface_inverse
      context: "emphasis on dark backgrounds"
    - foreground: surface_inverse
      background: surface_light
      context: "light layouts"
  forbidden_pairs:
    - foreground: neutral
      background: surface_light
      reason: "insufficient contrast"
```

## Typography

```yaml
typography:
  families:
    body:
      family: "Montserrat"
      fallback_stack: ["Helvetica Neue", "Arial", "sans-serif"]
      weights: [400, 600, 700, 900]
      styles: ["normal"]
      source: "Google Fonts"
  roles:
    display: body
    body: body
    ui: body
```

## Imagery

```yaml
imagery:
  photographic_style: |
    High contrast. Real environments under pressure. No stock smiles, no boardroom handshakes, no abstract gradients standing in for ideas.
  forbidden_treatments:
    - stock business handshakes
    - generic abstract gradients
    - cute illustration
```