Reales GmbH Corporate Identity & Design System. Use this skill whenever creating documentation, correspondence, letters, branding materials, or any content that should follow Reales' visual identity. Triggers for doc generation, letter writing, Markdown documentation with brand styling, letterhead design, email templates, or any task mentioning Reales branding, CI standards, design guidelines, or professional documentation. The skill covers color palette (#3d4717 primary,
Dieses Skill unterstützt alle Aspekte der Corporate Identity und Dokumentation der Reales GmbH. Es bietet konsistente Richtlinien für professionelle Kommunikation, Dokumentationen und Korrespondenz.
templates/markdown/branded-doc.htmltemplates/letters/reales-letter-template.odt.dotx-Vorlage als Basis| Farbe | HEX-Code | Verwendung | RGB | CMYK |
|---|---|---|---|---|
| Primärgrün | #3d4717 | Hauptakzente, Headlines, Grafiken | 61, 71, 23 | 33%, 0%, 85%, 82% |
| Sekundärgrün | #747d4b | Akzente, Subheadings, Borders | 116, 125, 75 | 7%, 0%, 40%, 51% |
| Weiß | #ffffff | Text auf Farbhintergrund | 255, 255, 255 | 0%, 0%, 0%, 0% |
| Grau | #555555 | Body Text, Standard | 85, 85, 85 | 0%, 0%, 0%, 67% |
| Hell-Grau | #f5f5f5 | Hintergründe, Boxen | 245, 245, 245 | 0%, 0%, 0%, 4% |
Reales Logo: assets/Logo_Reales.png
Dokumentation in Markdown schreiben
# Dokumenttitel
## Abschnitt
Hier dein Inhalt mit *Markdown-Formatierung*.
HTML-Vorlage ausfüllen (templates/markdown/branded-doc.html)
<main> Section einfügen--primary: #3d4717, --secondary: #747d4bDrucken oder Digital teilen
Headers
# Titel → Primärfarbe, größer, seriös## Abschnitt → Sekundärfarbe### Unter-Abschnitt → GrauHervorhebung
**Fett** → Für Konzepte, Definitionen*Kursiv* → Für Betonungen~~Durchgestrichen~~ → Nur sparsamStrukturen
Code-Blöcke
```json
{ "key": "value" }
**Tabellen**
```markdown
| Header 1 | Header 2 |
|----------|----------|
| Zelle | Zelle |
Siehe templates/markdown/branded-doc.html für vollständiges Template.
CSS-Variablen (vordefiniert):
--primary: #3d4717;
--secondary: #747d4b;
--text: #555555;
--light-bg: #f5f5f5;
--white: #ffffff;
Beispiel: Styled Box
<div class="info-box">
<strong>Hinweis:</strong> Text hier
</div>
CSS dafür:
.info-box {
border-left: 4px solid var(--primary);
padding: 12px 16px;
background: var(--light-bg);
margin: 16px 0;
}
Datei: templates/letters/reales-letter-template.odt
Vorlage enthält:
Verwendung:
Für schnelle HTML-Briefe: templates/letters/reales-letter.html
Features:
Beispiel:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="reales-letter.css">
</head>
<body>
<div class="letter">
<div class="letterhead">
<!-- Logo und Adresse -->
</div>
<div class="content">
<!-- Brief-Inhalt -->
</div>
</div>
</body>
</html>
Die Datei 20210729_Standard_Serienbrief.dotx ist verfügbar, wird aber zugunsten von LibreOffice/HTML-Lösungen veraltet.
Empfehlung: Schrittweise zu LibreOffice migrieren für bessere Open Source Unterstützung.
| Aufgabe | Tool | Format |
|---|---|---|
| Dokumentation | Markdown + Pandoc | .md → HTML/PDF |
| Briefe & Vorlagen | LibreOffice Writer | .odt → .pdf |
| Grafikbearbeitung | Inkscape | .svg / .png |
| PDF-Verarbeitung | PyPDF2 / Ghostscript | PDF-Handling |
| HTML/CSS Rendering | Pandoc / Weasyprint | HTML → PDF |
Markdown zu HTML (mit Styling):
pandoc -f markdown -t html -c branded-doc.css input.md > output.html
Markdown zu PDF:
pandoc input.md -o output.pdf --css=branded-doc.css
DOCX zu Markdown (für Migration):
pandoc input.docx -f docx -t markdown -o output.md
LibreOffice ODT zu PDF:
libreoffice --headless --convert-to pdf input.odt
<div style="font-family: Arial, sans-serif; font-size: 13px; color: #555555;">
<p style="margin: 0; font-weight: bold; color: #3d4717;">
Dein Name<br>
<span style="font-weight: normal; font-size: 11px;">Deine Position</span>
</p>
<p style="margin: 8px 0 0 0; font-size: 11px; border-top: 2px solid #747d4b; padding-top: 8px;">
Reales GmbH<br>
Bachgässchen 6<br>
CH-4125 Riehen<br>
<br>
T +41 61 641 90 90<br>
F +41 61 641 90 91<br>
<a href="mailto:[email protected]" style="color: #3d4717; text-decoration: none;">[email protected]</a><br>
<a href="http://www.reales.ch" style="color: #3d4717; text-decoration: none;">www.reales.ch</a>
</p>
</div>
Inhalte in Markdown schreiben
Wähle dein Ausgabe-Format:
Styling anwenden
branded-doc.css mit Reales-FarbenQA & Export
Nein, nur die definierten zwei Grün-Töne + Weiß/Grau. Konsistenz ist zentral.
Nur bei external-facing Dokumenten (Briefe, Marketing, Reports). Intern optional.
PDF für Langzeit-Archivierung. Markdown + HTML für versionierbare Dokumentationen.
Bedingt – die .dotx Vorlage ist verfügbar, aber LibreOffice wird empfohlen (Open Source, bessere Markdown-Integration).
Generiere HTML mit Pandoc, hoste auf deiner Website, oder nutze ein Markdown-Hosting (zB GitHub Pages).
reales-ci-skill/
├── assets/
│ ├── Logo_Reales.png
│ └── logo-colors.json (Referenz)
├── templates/
│ ├── markdown/
│ │ ├── branded-doc.html
│ │ └── branded-doc.css
│ └── letters/
│ ├── reales-letter-template.odt
│ └── reales-letter.html
├── references/
│ ├── color-palette.md
│ └── open-source-tools.md
└── SKILL.md (diese Datei)
Fragen zu CI/CD oder diesem Skill?
Version: 1.0
Zuletzt aktualisiert: 2026
Fokus: Open Source, Markdown-first, professionelles Branding