Design system v1.1.0

Assets

Supplied files. Never redrawn.

Match the logo file to the ground. Node graphics go on Night grounds only; on Paper, set them in a Night panel. Rules in Logo and Illustration and imagery.

Logos

kda-lockup-dark.png
kda-lockup-dark.pngPrimary lockup on NightDownload ↓
kda-lockup-transparent.png
kda-lockup-transparent.pngLockup over any dark groundDownload ↓
kda-lockup-light.png
kda-lockup-light.pngLockup on whiteDownload ↓
kda-lockup-paper.png
kda-lockup-paper.pngLockup on Paper (#f4f7f6), slides and documentsDownload ↓
kda-lockup-reverse-gradient.png
kda-lockup-reverse-gradient.pngAll-white lockup on the panel gradientDownload ↓
kda-lockup-colour-field.png
kda-lockup-colour-field.pngLockup on the colour fieldDownload ↓
kda-stacked-dark.png
kda-stacked-dark.pngStacked, square and portrait spacesDownload ↓
kda-monogram-transparent.png
kda-monogram-transparent.pngMonogram, no groundDownload ↓
kda-monogram-dark.png
kda-monogram-dark.pngMonogram on NightDownload ↓
kda-app-icon.png
kda-app-icon.pngApp icon and faviconDownload ↓
kda-lockup-dark-16x9.png
kda-lockup-dark-16x9.png16:9 frame for title slides and videoDownload ↓
kda-logo-sheet.png
kda-logo-sheet.pngReference sheet onlyDownload ↓

Node graphics

Five originals, the approved masters, plus transparent overlays for layering on dark surfaces. 1536 × 1024 PNG. One graphic per page at most, at a natural rhythm.

01-flowing-network.png
01-flowing-network.pngBanners, web heroes, wide openersDownload ↓
02-vortex.png
02-vortex.pngClosings and calls to actionDownload ↓
03-orbital-sphere.png
03-orbital-sphere.pngReport and deck coversDownload ↓
04-converging-streams.png
04-converging-streams.pngSection openers about integrationDownload ↓
05-branching-constellation.png
05-branching-constellation.pngQuotes, people and teamsDownload ↓
Transparent overlays +
01-flowing-network-transparent.png
01-flowing-network-transparent.pngOverlay for dark surfacesDownload ↓
02-vortex-transparent.png
02-vortex-transparent.pngOverlay for dark surfacesDownload ↓
03-orbital-sphere-transparent.png
03-orbital-sphere-transparent.pngOverlay for dark surfacesDownload ↓
04-converging-streams-transparent.png
04-converging-streams-transparent.pngOverlay for dark surfacesDownload ↓
05-branching-constellation-transparent.png
05-branching-constellation-transparent.pngOverlay for dark surfacesDownload ↓

Icons

Phosphor 2.1.1, 1512 icons in three weights: Light by default, Thin at 64px and above, Regular at 20px and below. MIT licence. Every icon sits beside a label; ink by default, mint only when it marks the one thing on the page. Rules in Foundations. All names: icons.json; files at /v1/assets/icons/phosphor/<weight>/<name>.svg.