31 lines
1.8 KiB
Markdown
31 lines
1.8 KiB
Markdown
# DockDeck Canon v1
|
||
|
||
DockDeck is een rustige, premium digitale thuisbasis. De interface is een launcher, geen beheer- of monitoringconsole.
|
||
|
||
## Fundament
|
||
|
||
- 8px spacingbasis; 16px mobiel zijmarge, 24px desktopgutter, 1280px launchermaximum.
|
||
- Geist-achtige lokaal gebundelde sans-serif, sentence case en volledig Nederlandse copy met `je/jouw`.
|
||
- Dark-first diepe navy `#0b1326`; tonale oppervlakken en subtiele 1px-randen.
|
||
- Lavendel `#818cf8` voor merk, focus, selectie en primaire acties.
|
||
- Groen `#10b981` uitsluitend voor positieve status/bevestiging; rood voor offline/fout, slate voor onbekend.
|
||
- 8px radius voor controls, 12–16px voor grotere oppervlakken, pills alleen waar de vorm betekenis heeft.
|
||
- Geen zware schaduwen of permanente pulserende statusanimaties.
|
||
|
||
## Semantische tokens
|
||
|
||
Productcode gebruikt tokens voor `background`, `surface`, `surface-elevated`, `border`, `text`, `text-muted`, `primary`, `focus`, `success`, `warning`, `error`, `unknown`, `hover`, `active` en `disabled`. Thema's wijzigen de tokenwaarden, niet de componentstructuur.
|
||
|
||
## Componentregels
|
||
|
||
- Apptegels tonen icoon, naam en `Online`, `Offline` of `Status onbekend`; geen poort, image, CPU, RAM of uptime.
|
||
- Favoriettegels delen dezelfde visuele familie zonder runtimestatus.
|
||
- Quick Launch groepeert Apps, Favorieten en Google en ondersteunt muis en toetsenbord.
|
||
- Settings gebruikt één shell met Algemeen, Apps, Favorieten, Categorieën, Weergave, Integraties en Back-up en herstel.
|
||
- Overlays hebben Escape, focusherstel en een zichtbaar sluitdoel; drawer op desktop, schermvullend op mobiel.
|
||
- Status wordt nooit uitsluitend met kleur gecommuniceerd.
|
||
|
||
## Assets
|
||
|
||
Alle merkassets, fonts en productie-iconen zijn lokaal. Stitch-screenshots zijn alleen ontwerpdocumentatie; HTML/CDN/Google-hosted exportassets worden niet uitgevoerd of gebundeld.
|