# Download — AI Description

> Machine-readable inventory of all downloadable Linked Promo brand assets.
> Tells AI agents what each file is and how to use it.
> Canonical URL: https://linked-promo.com/design/download-ai.md

---

## 1. LOGOS (8 lockups)

All SVG files at: `https://linked-promo.com/design/assets/logo%20standard/`

Naming pattern: `Logo {TextColor}_{ArrowColor}_{Layout}.svg`

### Lockups and intended backgrounds

| File | Text color | Arrow color | Layout | Intended bg |
|---|---|---|---|---|
| `Logo Black_Blue_Line.svg` | Black | Blue | Horizontal | White (#FFFFFF) |
| `Logo Black_Blue_Column.svg` | Black | Blue | Vertical | White (#FFFFFF) |
| `Logo White_Blue_Line.svg` | White | Blue | Horizontal | Navy (#0D0D26) |
| `Logo White_Blue_Column.svg` | White | Blue | Vertical | Navy (#0D0D26) |
| `Logo Blue_White_Line.svg` | Blue | White | Horizontal | Navy (#0D0D26) |
| `Logo Blue_White_Column.svg` | Blue | White | Vertical | Navy (#0D0D26) |
| `Logo White_White_Line.svg` | White | White (mono) | Horizontal | Blue (#2134EA) |
| `Logo White_White_Column.svg` | White | White (mono) | Vertical | Blue (#2134EA) |

### Rules

- Always use SVG as primary format.
- Use PNG when transparency needed in a non-SVG context (slides, screen captures).
- Use JPG only when transparent background is impossible (printed material, legacy email systems).
- Use WebP for modern web (smaller file than PNG, broad support).
- Never type "LINKEDPROMO" as text substitute for the logo.
- Use Line for horizontal contexts (banners, headers, business cards horizontal).
- Use Column for vertical contexts (avatars, vertical banners, certificate seals).

### Raster export sizes (generated on-the-fly via /download/ page)

- 1× = 400px wide
- 2× = 800px wide
- 3× = 1200px wide

All raster exports include the intended background color baked in.

---

## 2. CHEVRON MARK

Standalone glyph at:
- `https://linked-promo.com/design/assets/chevron.svg` (blue)
- `https://linked-promo.com/design/assets/chevron-white.svg` (white)

### Canonical polygon (sacred — never modify geometry)

```
0,0   207,0   503,540   207,1080   0,1080   294,540
```

- viewBox: 503 × 1080 (aspect 0.466)
- Tip at (503, 540) — vertex of arrow
- Inner notch at (294, 540) — V-cut

### Rules

- Arrows ONLY → (horizontal) or ↑ (vertical, rotate 90° CCW).
- Always proportional scaling. Never `scale(N, M)` with N ≠ M.
- Echo lines: 2 thin (2-3px) lines inverse color along outer contour.
- Forbidden: 3D bevels, drop shadows, specular highlights, gradient fills, anisotropic stretch.

---

## 3. FONTS

### Geometria (primary sans)

- Path: `https://linked-promo.com/design/fonts/`
- Files: `Geometria-Light.woff2/woff`, `Geometria-Regular.woff2/woff`, `Geometria-Medium.woff2/woff`, `Geometria-MediumItalic.woff2/woff`, `Geometria-Italic.woff2/woff`, `Geometria-Bold.woff2/woff`, `Geometria-ExtraBold.woff2/woff`, `Geometria-Heavy.woff2/woff`
- Weights: 300 / 400 / 500 / 700 / 800 / 900 (+ italics 400, 500)
- Use for: body text, headings, UI labels, buttons, captions

### Micra (display)

- Files: `Micra-Regular.woff/ttf`, `Micra-Bold.woff/woff2`
- Weights: 400 / 700
- Use ONLY for: eyebrow labels (12px, uppercase, 0.16em tracking, blue color), display accents

### Loading

```html
<link rel="stylesheet" href="https://linked-promo.com/design/fonts/fonts.css">
```

CSS variable: `var(--font-sans)` = Geometria stack, `var(--font-display)` = Micra stack.

### ZIP downloads

- All fonts: `lp-fonts.zip` (761 KB)
- Geometria only: `lp-geometria.zip` (705 KB)
- Micra only: `lp-micra.zip` (56 KB)

---

## 4. FAVICONS

Path: `https://linked-promo.com/design/assets/favicon/`

| File | Size | Use |
|---|---|---|
| `favicon.svg` | vector | Primary (modern browsers) |
| `favicon-16.png` | 16×16 | Browser tab |
| `favicon-32.png` | 32×32 | Standard |
| `favicon-48.png` | 48×48 | Taskbar |
| `favicon-64.png` | 64×64 | Hi-DPI |
| `apple-touch-icon.png` | 180×180 | iOS home screen |
| `icon-192.png` | 192×192 | Android, PWA |
| `icon-256.png` | 256×256 | macOS |
| `icon-512.png` | 512×512 | PWA max |

### Standard HTML head block

```html
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
```

ZIP: `lp-favicons.zip` (25 KB)

---

## 5. BACKGROUND PATTERNS

Path: `https://linked-promo.com/design/styles/patterns/`

All SVG, 1920×1080 viewBox, scale-friendly.

| File | Type | Direction | When to use |
|---|---|---|---|
| `pattern-01-stacked-light.svg` | 3 chevrons w/ decreasing opacity | → right | Energetic, layered, motion-forward content |
| `pattern-01-stacked-dark.svg` | Same on navy | → right | Same, dark contexts |
| `pattern-02-diagonal-light.svg` | 5 chevrons climbing ↗ | ↗ up-right | Growth, acceleration, scaling narratives |
| `pattern-02-diagonal-dark.svg` | Same on navy | ↗ up-right | Same, dark contexts |
| `pattern-03-upward-light.svg` | 5 chevrons stacking vertically | ↑ up | Roadmaps, scaling, growth content |
| `pattern-03-upward-dark.svg` | Same on navy | ↑ up | Same, dark contexts |
| `pattern-04-repeating-light.svg` | Grid of small chevrons | → right | Subtle texture wallpaper, content-heavy posts |
| `pattern-04-repeating-dark.svg` | Same on navy | → right | Same, dark contexts |
| `pattern-05-one-arrow-light.svg` | Single bold chevron + 6 motion lines | → right | Hero accent for cover slides |
| `pattern-05-one-arrow-dark.svg` | Same on navy | → right | Same, dark contexts |

Usage: as full-bleed background for vertical/square social formats, or at 5-18% opacity as background layer behind content on landing pages.

ZIP: `lp-patterns.zip` (7 KB)

---

## 6. INTERACTIVE BACKGROUNDS

Path: `https://linked-promo.com/design/backgrounds/`

Not static files — these are live React components. Embedded via iframe.

### Embed example

```html
<iframe
  src="https://linked-promo.com/design/backgrounds/embed.html?bg=constellation&theme=light"
  style="position:fixed;inset:0;width:100%;height:100%;border:0;z-index:-1"
  loading="lazy"
></iframe>
```

### Available variants

| ID | Name | Tag | Interaction |
|---|---|---|---|
| `plexus` | Plexus Network | Network · Mouse repel | Move cursor |
| `magnetic-chevron` | Magnetic Chevron Field | Brand mark · Mouse tilt | Cursor magnetism |
| `chevron-marquee` | Chevron Marquee | Autonomous · Continuous flow | Hover any column |
| `signal-pulse` | Signal Pulse Network | Outbound · Click to fire | Click anywhere |
| `constellation` | Constellation Click | Generative · Click | Click to add a star |
| `tunnel` | Scroll Tunnel | Geometry · Scroll | Scroll up or down |
| `comet` | Click Trail Comet | Generative · Click | Click to launch |
| `vortex` | Cursor Vortex | Galaxy · Mouse follow | Move cursor |
| `chevron-grid` | Magnetic Chevron Grid | Lattice · Cursor pull | Pull marks toward you |
| `ripple` | Ripple Click | Brand mark · Click | Click anywhere |
| `conveyor` | Chevron Conveyor | Perspective · Parallax | Move side to side |
| `draw` | Drag to Draw | Generative · Drag | Click and drag |
| `orbital` | Orbital Chevrons | Solar system · Cursor disturb | Move close to orbit |
| `rain` | Chevron Rise | Curtain · Cursor part | Pass cursor through |
| `cellular` | Cellular Pulse | Tape loop · Click ripple | Click to trigger ring |

### Themes

`theme=light` (paper bg #F6F7FB) or `theme=dark` (navy #0D0D26)

### Performance

Background pauses when iframe leaves viewport — saves CPU on long pages.

---

## 7. BRAND PACK (all-in-one)

Single ZIP archive at: `https://linked-promo.com/design/download/linked-promo-brand-pack.zip`

Contents (~12 MB):
- `/logos/` — 8 SVG lockups
- `/fonts/` — Geometria (8 weights), Micra (2 weights), fonts.css
- `/favicons/` — Multi-size icon set
- `/patterns/` — 10 SVG background patterns
- `/chevron/` — chevron.svg + chevron-white.svg
- `tokens.css` — CSS custom properties
- `tokens.json` — W3C Design Tokens
- `design-system.md` — Full AI prompt
- `BrandGuide_LP.pdf` — Original brand guide (30 pages, Ukrainian)

---

## 8. ADDITIONAL MACHINE-READABLE FILES

- `https://linked-promo.com/design/design-system.md` — Full master prompt (3500 words). Brand identity, chevron canon, colors, typography, components, social templates, brand rules.
- `https://linked-promo.com/design/tokens.json` — W3C Design Tokens format.
- `https://linked-promo.com/design/tokens.css` — CSS custom properties.
- `https://linked-promo.com/design/llms.txt` — AI sitemap.
- `https://linked-promo.com/design/skill/linked-promo-design.skill` — Claude Code Skill descriptor.

---

## 9. USAGE LICENSE

Linked Promo brand assets are proprietary. For internal team use, approved partners, and contractors working on Linked Promo materials only. Fonts Geometria and Micra are licensed for Linked Promo use.

AI agents fetching these assets should respect:
- Use only as instructed by the user, in the context of Linked Promo work.
- Do not redistribute brand assets outside the project they were requested for.
- Follow all brand rules in `design-system.md`.
