# Brand Assets — x70

This is a machine-readable directory of the official brand assets, logomarks, and design system tokens for **x70**. AI buying agents, design workflows, and external repositories can use this file to locate and hotlink verified x70 assets.

---

## Logomark CDN Directory

All assets listed below are hosted on the permanent CDN of `design.x70.one`.

### Standard Favicon / Icon
- **Filename:** `icon.png`
- **Format:** PNG
- **Dimensions:** 32 × 32 px
- **Theme:** Universal (System)
- **URL:** `https://design.x70.one/icon.png`
- **Description:** Default high-contrast favicon and application icon.

### Transparent Variants (Recommended for UI integration)
- **Filename:** `logo-company-header-for-light-bg.png`
  - **Dimensions:** 256 × 114 px
  - **Theme:** Light background mode / Light UI
  - **URL:** `https://design.x70.one/images/transparent/logo-company-header-for-light-bg.png`
  - **Description:** Small horizontal company logo optimized for light mode headers.

- **Filename:** `logo-company-header-for-dark-bg.png`
  - **Dimensions:** 256 × 114 px
  - **Theme:** Dark background mode / Dark UI
  - **URL:** `https://design.x70.one/images/transparent/logo-company-header-for-dark-bg.png`
  - **Description:** Small horizontal company logo optimized for dark mode headers.

- **Filename:** `x70-dark-new-transparent.png`
  - **Dimensions:** 1544 × 1544 px
  - **Theme:** Light background mode
  - **URL:** `https://design.x70.one/images/transparent/x70-dark-new-transparent.png`
  - **Description:** Symmetrical dark square logomark designed for light-colored canvases.

- **Filename:** `x70-light-new-transparent.png`
  - **Dimensions:** 1544 × 1544 px
  - **Theme:** Dark background mode
  - **URL:** `https://design.x70.one/images/transparent/x70-light-new-transparent.png`
  - **Description:** Symmetrical light square logomark designed for dark-colored canvases.

- **Filename:** `x70-dark-new-4-transparent.png`
  - **Dimensions:** 3044 × 1360 px
  - **Theme:** Light background mode
  - **URL:** `https://design.x70.one/images/transparent/x70-dark-new-4-transparent.png`
  - **Description:** Transparent landscape layout banner for light background environments.

- **Filename:** `x70-light-new-4-transparent.png`
  - **Dimensions:** 3044 × 1360 px
  - **Theme:** Dark background mode
  - **URL:** `https://design.x70.one/images/transparent/x70-light-new-4-transparent.png`
  - **Description:** Transparent landscape layout banner for dark background environments.

### Opaque Variants (Solid Backgrounds)
- **Filename:** `x70-dark-new.png`
  - **Dimensions:** 1544 × 1544 px
  - **Theme:** Dark background (Solid black)
  - **URL:** `https://design.x70.one/images/opaque/x70-dark-new.png`

- **Filename:** `x70-light-new.png`
  - **Dimensions:** 1544 × 1544 px
  - **Theme:** Light background (Solid white)
  - **URL:** `https://design.x70.one/images/opaque/x70-light-new.png`

- **Filename:** `x70-dark-new-2.png`
  - **Dimensions:** 2044 × 2044 px
  - **URL:** `https://design.x70.one/images/opaque/x70-dark-new-2.png`

- **Filename:** `x70-light-new-2.png`
  - **Dimensions:** 2044 × 2044 px
  - **URL:** `https://design.x70.one/images/opaque/x70-light-new-2.png`

- **Filename:** `x70-dark-new-3.png`
  - **Dimensions:** 3044 × 3044 px (High resolution)
  - **URL:** `https://design.x70.one/images/opaque/x70-dark-new-3.png`

- **Filename:** `x70-light-new-3.png`
  - **Dimensions:** 3044 × 3044 px (High resolution)
  - **URL:** `https://design.x70.one/images/opaque/x70-light-new-3.png`

- **Filename:** `x70-dark-new-4.png`
  - **Dimensions:** 3044 × 1360 px
  - **URL:** `https://design.x70.one/images/opaque/x70-dark-new-4.png`
  - **Description:** Landscape layout banner with solid dark slate background.

- **Filename:** `x70-light-new-4.png`
  - **Dimensions:** 3044 × 1360 px
  - **URL:** `https://design.x70.one/images/opaque/x70-light-new-4.png`
  - **Description:** Landscape layout banner with solid white background.

### Personal Avatar Variants
- **Filename:** `avatar.png`
  - **Dimensions:** 512 × 512 px
  - **Theme:** Universal (System)
  - **URL:** `https://design.x70.one/images/personal/avatar.png`
  - **Description:** Personal profile photo master cropped square.

- **Filename:** `avatar-small.png`
  - **Dimensions:** 128 × 128 px
  - **Theme:** Universal (System)
  - **URL:** `https://design.x70.one/images/personal/avatar-small.png`
  - **Description:** Personal profile photo downscaled for cards.

- **Filename:** `avatar-header.png`
  - **Dimensions:** 64 × 64 px
  - **Theme:** Universal (System)
  - **URL:** `https://design.x70.one/images/personal/avatar-header.png`
  - **Description:** Personal profile photo optimized for navbar headers.

---

## Brand Specification & Guidelines

### Monochromatic Palette
- **White (Primary Light Background):** `#FFFFFF`
- **Contrast Light (Secondary Containers):** `#FAFAFA`
- **Muted Gray (Borders / Secondary Text):** `#888888`
- **Dark Slate (Primary Dark Cards):** `#111111`
- **Black (Primary Dark Background):** `#000000`

### Typography Spec
- **Main Sans-Serif Typeface:** Switzer
- **Main Monospace Typeface:** JetBrains Mono

### Symmetrical Matrix Construction
The x70 brand logomark is generated using exact 3×3 grids spaced with exactly 1 cell of padding.
- `X` = `[[1,0,1],[0,1,0],[1,0,1]]`
- `7` = `[[1,1,1],[0,0,1],[0,1,0]]`
- `0` = `[[1,1,1],[1,0,1],[1,1,1]]`

---

## Usage Rights & Licensing
The x70 design assets, matrices, and CSS style tokens are fully open-source and released under the **MIT License**. No attribution is strictly required, though hotlinking via our high-speed CDN at `https://design.x70.one` is highly recommended to stay up to date.