Files

T

techadmin 6662ba2dd1 feat: CI-konformes Farbschema gemäß Logo & CI Handbuch (v1.1.0)

- Logo-Gelb auf #DEDC1E korrigiert (Pantone 381 C)
- Petrol #067391 als Sekundärakzent eingeführt (CI-Störer-/Gegenfarbe)
- Generische Slate-Töne durch CI-Grautöne (#848687, #C8C9CA) ersetzt
- Hintergrund von Slate-Navy auf petrol-getöntes Dunkel umgestellt
- Sekundär-Button (Helpdesk im Hero) nutzt jetzt Petrol-Outline
- Hero-Gradient mit Petrol-Akzent unten links ergänzt
- CLAUDE.md mit CI-Quelle und Pantone-Referenzen dokumentiert

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

2026-05-04 23:05:38 +02:00

2.3 KiB

Raw Permalink Blame History

CLAUDE.md — sonith.de Website

Projektspezifische Anweisungen für Claude Code.

Projekt

sonith.de — Statischer One-Pager für die Sonith GmbH (MSP / Managed Service Provider).

Repository: https://gitea.sonith.de/techadmin/sonith-website
Stack: Pures HTML + CSS + JS, TailwindCSS via CDN
Deployment: Statische Dateien auf eigenem Server (Nginx)

Projektstruktur

sonith-website/
├── CLAUDE.md           # Diese Datei
├── index.html          # One-Pager Hauptseite
├── impressum.html      # Impressum (separate Seite)
├── datenschutz.html    # Datenschutzerklärung (separate Seite)
├── css/
│   └── style.css       # Custom Styles (Animationen, Feintuning)
├── js/
│   └── main.js         # Mobile Menu, Smooth Scroll, Scroll-Spy
├── img/
│   ├── logo.png        # Sonith Logo (wird später ersetzt)
│   └── team/           # Team-Fotos (Platzhalter SVGs)
├── .gitignore
└── README.md

Farbschema (CI-konform)

Quelle: src/Logo und CI Handbuch.pdf (Sonith UG, Apr 2019).

Logofarben (Primär):

#DEDC1E — Sonith Gelb-Grün (Pantone 381 C) — Hauptakzent
#848687 — CI-Grau (Pantone 424 C) — Subtexte
#C8C9CA — CI-Hellgrau (Pantone Coolgray 5 C) — Fließtext auf dunkel

Störer-/Gegenfarbe (Sekundär):

#067391 — Petrol (Gegenfarbe Logo) — Sekundär-Buttons, Borders, Akzente
#3a96b0 — Petrol hell (Hover)
#045066 — Petrol dunkel (Borders/Töne)

Hintergrund (petrol-getöntes Dunkel statt generisches Slate):

#0a1f28 — Basis (bg-dark)
#102b38 — Sektion alternierend (bg-dark-light)
#1a3d4d — Akzent-Hintergrund (bg-dark-lighter)

Tailwind-Tokens: sonith, petrol, ci-gray, dark — siehe Tailwind-Config inline in den HTML-Dateien.

Grundstimmung: Dunkel-modern, Sonith-Gelb als Hauptakzent, Petrol als Sekundärakzent (entspricht der CI-Vorgabe „Störer- und Gegenfarbe Logo").

Konventionen

Keine Build-Tools, kein Node.js — alles statisch
TailwindCSS ausschließlich via CDN
Inhalte auf Deutsch
SVG-Icons inline im HTML
Responsive, Mobile-first

Deployment

Statische Dateien direkt auf Nginx ausliefern. Kein Build-Step notwendig.

Zuletzt aktualisiert: Mai 2026 — v1.1.0 (CI-konformes Farbschema)

2.3 KiB Raw Permalink Blame History