# 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): @font-face declarations for Geometria and Micra.

## 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

- [Background patterns](https://linked-promo.com/design/styles/patterns/): 5 chevron-based SVG patterns × 2 themes. Use as full-bleed backgrounds.
- [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 standard](https://linked-promo.com/design/presentation/): Approved deck format with canonical chevron and brand voice.
- [Design system components](https://linked-promo.com/design/system/): 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 background patterns.

## 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.
