32 lines
1.2 KiB
Markdown
32 lines
1.2 KiB
Markdown
# JuConnect · Styleguide (v0.2)
|
||
|
||
Dieses Paket ist ein **Tool-first Styleguide** und gleichzeitig ein **Starter** für die spätere Website.
|
||
|
||
## Fokus
|
||
- **Kopierbar**: Farben, Tokens, Snippets (HTML/CSS) per Button
|
||
- **Seriös & ruhig**: primär über Markenblau, Akzent nur unterstützend
|
||
- **Komponenten-Basis**: Buttons, Forms, Feedback, Layout, Patterns
|
||
|
||
## Start
|
||
1. Entpacken
|
||
2. `index.html` öffnen (ideal über lokalen Server)
|
||
|
||
## Copy-Funktionen
|
||
- `[data-copy="..."]` kopiert beliebigen Text
|
||
- `data-snippet-copy` kopiert Inhalt des nächsten `<pre><code>`
|
||
- Swatches: „Hex“ / „Token“ kopieren
|
||
|
||
## Brand Tokens
|
||
- Primär: `#1d354f` (`--primary`)
|
||
- Akzent: `#8FAE9A` (`--accent`) → Fokus/Marker/kleine Highlights
|
||
|
||
## Struktur
|
||
- `assets/css/style.css` – Tokens + Komponenten
|
||
- `assets/js/app.js` – Copy, Toast, Tabs, Accordion, Modal, Sticky-Navigation-Highlight, Nav-Suche
|
||
- `assets/img/juconnect.svg` – Logo
|
||
|
||
## Nächste Ausbaustufe (wenn ihr wollt)
|
||
- Icons-System (SVG Sprites)
|
||
- Weitere Komponenten: Breadcrumbs, Pagination, Stepper, File Upload, Search/Filter Chips
|
||
- Seiten-Templates: Start / Leistungen / Trägerinfo / Downloads / Kontakt / Datenschutz / Impressum
|