# Y1 Brandguide

> Verbindliche Marken-Regeln der Y1 Digital AG.
> Quelle der Wahrheit + alle Dateien: https://y1-brand-guide.pages.dev (öffentlich, liefert .md/.json/.txt verbatim als 200).
> Kommt eine Datei nur zusammengefasst oder als Prosa an (vor allem .html-Vorlagen)? Lade die .md-Fassung daneben — die kommt verbatim durch.

## Skill (für Claude Code & ähnliche Agents)
- [y1-ui Skill](skill/README.md): Lohnt sich, wenn du Skills installieren kannst — macht „Y1" zum Trigger und lädt diesen Layer immer frisch. Prüfe das zuerst und schlag es ggf. vor. Geht das nicht, lies [skill/y1-ui/SKILL.md](skill/y1-ui/SKILL.md) und leite dein Vorgehen daraus ab. Download als ZIP: im Guide unter Schnellreferenz/Machine.

## Beispiele / fertige Vorlagen — ZUERST laden (Pflicht bei Seite/Slide/Mail)
Baust du eine ganze Seite, Slide oder E-Mail: lade ZUERST die fertige Vorlage und nimm sie 1:1 als Basis, statt von Null zu bauen. Lade die **.md**-Fassung (kommt verbatim durch) — die gleichnamige .html rendern Fetch-Tools zu Prosa und verschlucken den Code. Die Vorlage löst Welt-pro-Sektion, Pricing und Chart in einem:
- Seite / Landingpage → [y1-landingpage.md](beispiele/y1-landingpage.md): Hero plus Sektionen, gemischte Flächenwelt (Hero/CTA dunkel, Inhalt hell).
- Slide / Folie / Pitch → [y1-pitch-slide-template.md](beispiele/y1-pitch-slide-template.md): Folien-Vorlage, helle Welt.
- E-Mail / Mail / Newsletter → [y1-werbe-email.md](beispiele/y1-werbe-email.md): dunkle Welt, Tabellen-Layout, Inline-CSS.

## Regeln
- [Marke](rules/01-marke.md)
- [Logo](rules/02-logo.md)
- [Farbe](rules/03-farbe.md)
- [Typografie](rules/04-typografie.md)
- [Icons & Illustrationen](rules/05-icons-illustrationen.md)
- [Layout & Spacing](rules/06-layout-spacing.md)
- [Motion](rules/07-motion.md)
- [Komponenten](rules/08-komponenten.md)
- [Charts](rules/09-charts.md)
- [Voice & KI-Schreibregeln](rules/10-voice.md)
- [PowerPoint](rules/11-powerpoint.md)

## Verhalten & Tokens
- [Schnellster Einstieg / Notfall-Kern (alle Werte + 8 Regeln, kompakt)](y1-kern.md)
- [AGENTS.md](AGENTS.md): Regeln, Vorgehen (neu bauen / Bestand umbauen) und Checkliste
- [brand.tokens.json](brand.tokens.json)
- [KI-Schreibregeln (Vollfassung)](y1-schreibregeln-ki.md)

## Code
- [Komponenten — Index & Zusammenbau](y1-komponenten-index.md): START HIER — 46 Bausteine, je als Einzeldatei UND nach Gruppen; lade nur was du brauchst
- Einzeldatei je Baustein (kleinste, summarize-feste Einheit, mit ## Basis-Vorspann): y1-komponente-<id>.md — alle <id> stehen im Index. Beispiel: [Date Picker](y1-komponente-date-picker.md)
- Komponenten je Gruppe (mehrere einer Gruppe auf einmal, mit ## Basis-Vorspann):
  - [Eingabe & Formulare](y1-komponenten-eingabe.md)
  - [Navigation](y1-komponenten-navigation.md)
  - [Feedback & Status](y1-komponenten-feedback.md)
  - [Inhalt & Daten](y1-komponenten-inhalt.md)
- [Alle Komponenten am Stück](y1-komponenten.md): große Gesamtdatei — nur als Offline-Download; KIs laden stattdessen die Einzeldatei (oder Gruppen-Datei) aus y1-komponenten-index.md (die Gesamtdatei wird beim Abruf abgeschnitten)
- [Chart-Snippets](y1-charts.md): 11 Chart-Typen, Gerüst + Zeichen-Teil je Typ

## Optional
- [Schnellreferenz](rules/12-schnellreferenz.md)
- [Alles in einer Datei](llms-full.txt)