Dateien nach "/" hochladen
This commit is contained in:
31
README.md
Normal file
31
README.md
Normal file
@@ -0,0 +1,31 @@
|
||||
# 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
|
||||
Reference in New Issue
Block a user