1.8 KiB
1.8 KiB
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
#818cf8voor merk, focus, selectie en primaire acties. - Groen
#10b981uitsluitend 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,OfflineofStatus 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.