Guidelines
Accessibility
An accessible product is one that people can understand, navigate, and interact with regardless of ability, device, or context.
Read MoreA11Y checklist
Accessibility checklist used by the Kesko Design System team. It helps us improve the experience for everyone and ensure our high standards are met.
Read MoreAI features
Good design systems make the next thing easier to build. Good AI tools should do the same, so Kesko Design System is built for both people and the AI tools they work with.
Read MoreColor palette
Kesko Design System’s contrast-based color palette with 10 families and 12 steps each, including a dedicated neutral-dark palette for dark mode.
Read MoreNaming
Naming rules for Kesko Design System, covering the k- prefix, T-shirt size scale, tokens, CSS classes, and component props.
Read MoreWebfonts
Guidelines for using Kesko Design System’s font package that ships the Skatta Sans UI typeface as ready-to-use @font-face declarations.
Read More