color
ColorDK starts with one seed and turns it into a full tonal and semantic system instead of a grab bag of swatches.
foundations / index
DK Foundations
Foundations explain the system inputs and guarantees behind the components so the docs can connect product guidance, implementation detail, and the proof layer.
Overview
The system beneath the components
Each page explains one part of the DK model, links to the interactive tool routes, and points back to the components that show the idea in practice.
type-scale
Type and ScaleDK uses scale ratios and text measurements as first-class inputs so type stays consistent across systems and densities.
spacing
SpacingSpacing in DK is part of the theme contract, so internal rhythm and external layout stay related.
radius-elevation
Radius and ElevationDK treats corners and depth as part of the system voice, not one-off decoration choices.
motion
MotionDK motion is seeded, preset-driven, and intentionally restrained so system character changes without degrading usability.
layout-composition
Layout and CompositionDK couples layout solving and composition scoring so complex surfaces can be reasoned about instead of eyeballed into place.
contrast-distinctness
Contrast and DistinctnessReadable systems need both foreground/background contrast and perceptual separation between related states.
proof-system
Proof SystemDK docs expose proofs alongside examples so the system shows what it can guarantee, not just what it can render.