# Linked Promo Design System

> Single source of truth for Linked Promo brand, tokens, components, and AI agent instructions. B2B LinkedIn marketing & lead-generation agency.

Linked Promo's design system is published here at https://linked-promo.com/design/. The site serves both humans (visual reference) and AI agents (copy-paste prompt, machine-readable tokens, downloadable skill descriptor).

## Core files

- [Design system prompt (MD)](https://linked-promo.com/design/design-system.md): Full copy-paste prompt for any LLM — brand identity, chevron canon, colors, typography, components, rules.
- [Design tokens (JSON)](https://linked-promo.com/design/tokens.json): W3C Design Tokens format. For build tools, Figma plugins, code generators.
- [Design tokens (CSS)](https://linked-promo.com/design/tokens.css): CSS custom properties. Drop into any HTML page.
- [Font stylesheet](https://linked-promo.com/design/fonts/fonts.css): Manrope (web, all on-screen text) + Geometria & Micra (print/decks only). Web eyebrow = Manrope ExtraBold; Micra is never used on web.

## Brand assets

- [Logo files](https://linked-promo.com/design/assets/logo%20standard/): 8 SVG lockups across light, dark, and blue surfaces.
- [Chevron (blue)](https://linked-promo.com/design/assets/chevron.svg): Standalone arrow glyph.
- [Chevron (white)](https://linked-promo.com/design/assets/chevron-white.svg): Inverse glyph.
- [Brand guide PDF](https://linked-promo.com/design/assets/BrandGuide_LP.pdf): Original 30-page brand guide (Ukrainian).

## Production assets

- [Chevron background patterns](https://linked-promo.com/design/styles/patterns/): 5 chevron-based SVG patterns × 2 themes. Full-bleed backgrounds.
- [Network mesh patterns](https://linked-promo.com/design/styles/mesh/): 6 plexus SVG patterns (light + blue themes). Visual shorthand for LinkedIn relationships and B2B reach.
- [Interactive backgrounds](https://linked-promo.com/design/backgrounds/): 14 animated chevron backgrounds with iframe embed API.
- [Social templates](https://linked-promo.com/design/social/): 11 approved social media formats with canonical chevron geometry.
- [Presentation standards hub](https://linked-promo.com/design/presentation/): Router page with two systems: Google Slides standard (AI-friendly, 9 fixed layouts) and HTML deck standard (creative freedom, real Geometria).
- [Google Slides standard](https://linked-promo.com/design/presentation/google-slides/): Master template with 9 layouts (Cover, Section, Content 1col/2col, Stats, Quote, Case, Process, CTA). Manrope substitute for Geometria. Live preview, PPTX/PDF export, copy-to-edit button.
- [HTML deck standard](https://linked-promo.com/design/presentation/html-decks/): Single-file HTML deck system. Real Geometria + Micra via @font-face. Full creative composition (mesh, gradients, vertical text, clip-paths). For one-off high-touch decks.
- [Presentation AI recipe (Slides)](https://linked-promo.com/design/presentation/google-slides/presentation-ai.md): Step-by-step workflow for AI agents — Slides API placeholders, content rules, brand constraints, JSON examples for batchUpdate.
- [Master Slides template](https://docs.google.com/presentation/d/1IoDcdkADIk0v6z04mKZegttiI-LnzcggNrv1sB3M908/edit): The actual Google Slides file. Public read access, anyone can copy.
- [Design system components](https://linked-promo.com/design/main/): Colors, typography, logos, chevron canon, UI components, foundations.

## Tools

- [Telegram Avatar Generator](https://linked-promo.com/design/tools/telegram-avatar/): Interactive tool for #LP chat avatars. Input chat name → live preview → PNG 640×640.

## Downloads

- [Download portal](https://linked-promo.com/design/download/): Brand Pack ZIP, individual logos, fonts, favicons, patterns. Logos rasterized client-side (PNG/JPG/WebP at 1×/2×/3×).
- [Download AI description (MD)](https://linked-promo.com/design/download-ai.md): Machine-readable inventory of all assets with usage prompts.
- [Brand Pack ZIP (~12 MB)](https://linked-promo.com/design/download/linked-promo-brand-pack.zip): Everything in one archive (logos, fonts, favicons, patterns, skill, brand guide PDF, tokens).
- [Logos ZIP](https://linked-promo.com/design/download/lp-logos.zip): 8 SVG lockups.
- [Fonts ZIP](https://linked-promo.com/design/download/lp-fonts.zip): Geometria + Micra, woff2/woff/ttf.
- [Geometria ZIP](https://linked-promo.com/design/download/lp-geometria.zip): Geometria family only.
- [Micra ZIP](https://linked-promo.com/design/download/lp-micra.zip): Micra family only.
- [Favicons ZIP](https://linked-promo.com/design/download/lp-favicons.zip): Multi-size icon set.
- [Patterns ZIP](https://linked-promo.com/design/download/lp-patterns.zip): 10 SVG chevron background patterns.
- [Mesh ZIP](https://linked-promo.com/design/download/lp-mesh.zip): 6 SVG network mesh backgrounds.

## Skill

- [Claude Code Skill descriptor](https://linked-promo.com/design/skill/SKILL.md): Drop-in skill for Claude Code agents — fetch and follow design system automatically.
- [Skill README](https://linked-promo.com/design/skill/README.md): Installation and usage guide.
- [Skill bundle ZIP](https://linked-promo.com/design/download/lp-skill.zip): Skill + all referenced files in one archive (~31 KB).

## Optional

- [README (legacy)](https://linked-promo.com/design/README.md): Detailed technical reference.