Name: Reales GmbH Corporate Identity & Design System
Author: AndreasHupfer

Reales GmbH Corporate Identity & Design System | Skills Pool

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%

Dokumentation in Markdown schreiben

# Dokumenttitel

## Abschnitt
Hier dein Inhalt mit *Markdown-Formatierung*.

HTML-Vorlage ausfüllen (templates/markdown/branded-doc.html)
- Markdown als HTML konvertieren (zB mit Pandoc)
- In die <main> Section einfügen
- CSS-Variablen sind bereits gesetzt: --primary: #3d4717, --secondary: #747d4b
Drucken oder Digital teilen
- PDF-Export aus Browser
- Oder direkt als HTML zum Hosting

```json
{ "key": "value" }


**Tabellen**
```markdown
| Header 1 | Header 2 |
|----------|----------|
| Zelle    | Zelle    |

--primary: #3d4717;
--secondary: #747d4b;
--text: #555555;
--light-bg: #f5f5f5;
--white: #ffffff;

<div class="info-box">
  <strong>Hinweis:</strong> Text hier
</div>

.info-box {
  border-left: 4px solid var(--primary);
  padding: 12px 16px;
  background: var(--light-bg);
  margin: 16px 0;
}

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

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

pandoc -f markdown -t html -c branded-doc.css input.md > output.html

pandoc input.md -o output.pdf --css=branded-doc.css

pandoc input.docx -f docx -t markdown -o output.md

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>

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)

Reales GmbH Corporate Identity & Design System

Schnelleinstieg

1. Für Dokumentationen in Markdown

2. Für Briefe & Korrespondenz

3. Für allgemeine Dokumentationen

Reales GmbH Corporate Identity & Design System

Schnelleinstieg

1. Für Dokumentationen in Markdown

2. Für Briefe & Korrespondenz

3. Für allgemeine Dokumentationen

Farb-Palette

Anwendungsregeln

Logo

Logo-Verwendung

Dokumentationen (Markdown + HTML/CSS)

Workflow

Markdown Konventionen für Reales

HTML/CSS Branding Framework

Briefe & Korrespondenz

LibreOffice-Template

HTML Letter Template

Microsoft Word Vorlage (Legacy)

Open Source Tools & Richtlinien

Empfohlene Tools

Konvertierungs-Befehle

Email-Signatur

HTML Email Signature Template

Prozess: Neue Dokumentation erstellen

Schritt für Schritt

Häufig gestellte Fragen

Kann ich andere Farben verwenden?

Müssen Dokumente immer das Logo haben?

Welches Format für Archivierung?

Kann ich Microsoft Word verwenden?

Wie stelle ich Markdown-Dokumente online?

Asset-Verzeichnis

Kontakt & Support

Taskflow Inbox Triage

Accessibility

Open a Pull Request

Investor Materials

Continuous Agent Loop

Configure Ecc