# PromptEye Brand Book & Design Language

> Visual identity v2 of PromptEye: messaging, logo, colour, typography, layout per format, gradient backgrounds, the dot motif, components and data styles. Written for people and for AI agents of any provider. Polish is the source language; English translations are added progressively. State: 28.10.2026.

For people: https://brand.prompteye.com/pl/ (Polski) · https://brand.prompteye.com/en/ (English).

## How to use this system (agents)

1. Read the documents below in the listed order: start, formats (what you build → which blocks), the block you need, and the checklist before you deliver.
2. In HTML load https://brand.prompteye.com/ds/styles.css and the scripts https://brand.prompteye.com/ds/js/pe-light.js, pe-pl.js, pe-raster.js, pe-motyw.js in this order (or copy them from the kit). The docs mention `_ds_bundle.js`: it exists only inside Claude Design, use the four scripts instead.
3. Rules you never break: the script draws the motif (add `data-pe-hero` / `data-pe-cta`, never draw dots yourself); orange #FD723A is the exception (headline dot never with the motif point, in data only the leader, never text or background); colours only from `--pe-*` tokens; gradients only from pe-light.js, never CSS gradients; the dot grid only on solid backgrounds; data is linear; fonts Geist + Inter only.
4. For DOCX, PPTX, Google Docs/Slides or Canva use the colour tokens, the fonts, the logo files and solid backgrounds. Do not imitate the motif.
5. Offline kit for Claude Skills, AGENTS.md tools, ChatGPT Projects or Gemini Gems: https://brand.prompteye.com/downloads/prompteye-brand-kit.zip. Instructions for agents: https://brand.prompteye.com/ds/AGENTS.md.

## Documentation (Polish, source of truth)

- [O brand booku](https://brand.prompteye.com/pl/start.md): Jak korzystać z systemu identyfikacji PromptEye: zasada klocków, rozdziały, statusy.
- [Formaty](https://brand.prompteye.com/pl/formaty.md): Co budujesz → z jakich klocków: slajd, post, OG, LinkedIn, druk, e-mail.
- [Idea i komunikacja](https://brand.prompteye.com/pl/marka.md): Idea marki, wyróżniki, use case’y, metoda w trzech krokach, szablon case study i słownictwo.
- [Logo](https://brand.prompteye.com/pl/logo.md): Wersje logo w SVG i PNG, pole ochronne, miejsce i wielkość w formatach, zakazy.
- [Kolor](https://brand.prompteye.com/pl/kolor.md): Kobalt i pomarańcz, skala kobaltu, neutralne noc i dzień, kolory motywu, kontrast i zasady.
- [Typografia](https://brand.prompteye.com/pl/typografia.md): Geist i Inter, skala, kropka po tytule, polskie zasady.
- [Układ i formaty](https://brand.prompteye.com/pl/uklad.md): Skala s, siatka, tabela formatów, rama jasnego F, bezpieczne pola.
- [Tła](https://brand.prompteye.com/pl/tla.md): Gradienty z ziarnem G1–G5, siatka kropek na jednolitym tle.
- [Motyw](https://brand.prompteye.com/pl/motyw.md): Pole kropek, obiekt i punkt: warianty D, F, G, E, CTA, formaty, zasady i wdrożenie.
- [Komponenty](https://brand.prompteye.com/pl/komponenty.md): Przyciski, nawigacja, hero, CTA, komentarze, sekcje strony.
- [Dane: tabele, wykresy, partner](https://brand.prompteye.com/pl/tabele.md): Tabele, wykresy, kolory danych, ikony modeli AI, grafiki do udostępnienia i raporty z partnerem.
- [Anatomia raportu (wstępne wytyczne)](https://brand.prompteye.com/pl/anatomia-raportu.md): Z czego składa się raport branżowy. W trakcie tworzenia: przed złożeniem całego raportu zapytaj zespół.
- [Lista kontrolna](https://brand.prompteye.com/pl/lista-kontrolna.md): Co sprawdzić przed oddaniem materiału i najczęstsze błędy.

## Documentation (English)

- [About](https://brand.prompteye.com/en/start.md): How to use the PromptEye identity system: the building-block principle, chapters, statuses.
- [Formats](https://brand.prompteye.com/en/formats.md): What you build → which blocks: slide, post, OG, LinkedIn, print, e-mail.
- [Idea and messaging](https://brand.prompteye.com/en/brand.md): Brand idea, differentiators, use cases, the three-step method, case study template and vocabulary.
- [Logo](https://brand.prompteye.com/en/logo.md): Logo versions in SVG and PNG, clear space, placement and size per format, don’ts.
- [Color](https://brand.prompteye.com/en/color.md): Cobalt and orange, the cobalt scale, night and day neutrals, motif colours, contrast and rules.
- [Typography](https://brand.prompteye.com/en/typography.md): Geist and Inter, type scale, headline dot, Polish typesetting.
- [Layout and formats](https://brand.prompteye.com/en/layout.md): The s scale, grid, table of formats, light F frame, safe areas.
- [Backgrounds](https://brand.prompteye.com/en/backgrounds.md): Grain gradients G1–G5, dot grid on a solid background.
- [Motif](https://brand.prompteye.com/en/motif.md): Field of dots, object and point: variants D, F, G, E, CTA, formats, rules and implementation.
- [Components](https://brand.prompteye.com/en/components.md): Buttons, navigation, hero, CTA, comments, page sections.
- [Data: tables, charts, partner](https://brand.prompteye.com/en/tables.md): Tables, charts, data colours, AI model icons, shareable graphics and co-branded reports.
- [Report anatomy (preliminary guidelines)](https://brand.prompteye.com/en/report-anatomy.md): What an industry report is made of. Work in progress: ask the team before building a whole report.
- [Checklist](https://brand.prompteye.com/en/checklist.md): What to check before delivering material, and the most common mistakes.

## Files

- [tokens.json](https://brand.prompteye.com/ds/tokens.json): all tokens in DTCG format (colour, typography, layout)
- [colors.css](https://brand.prompteye.com/ds/tokens/colors.css), [typography.css](https://brand.prompteye.com/ds/tokens/typography.css), [layout.css](https://brand.prompteye.com/ds/tokens/layout.css): the same tokens as CSS variables
- [styles.css](https://brand.prompteye.com/ds/styles.css): entry stylesheet (fonts, tokens, components)
- [Logo SVG](https://brand.prompteye.com/ds/assets/logo/svg/prompteye-logo-color-on-light.svg) and all other versions (SVG, PNG): https://brand.prompteye.com/en/downloads.md
- [Agent kit (ZIP)](https://brand.prompteye.com/downloads/prompteye-brand-kit.zip)
- [For AI agents](https://brand.prompteye.com/en/for-ai-agents.md): the same instructions as SKILL.md / AGENTS.md

## Optional

- [Full documentation in one file, Polish](https://brand.prompteye.com/llms-full.txt)
- [Full documentation in one file, English](https://brand.prompteye.com/en/llms-full.txt)
- Reference sheets with blocks to copy 1:1: https://brand.prompteye.com/ds/guidelines/motyw.html, uklad.html, kolor.html, typografia.html, tla.html, dane.html, partner.html, kanaly.html