Skip to content
KnowledgeCity DesignKCDS
THE KNOWLEDGECITY DESIGN SYSTEM

Build with
a shared language.

The foundations, components, and patterns behind every KnowledgeCity product. Familiar by design. Flexible by nature.

Explore foundations Browse components
Tactile geometric forms in KnowledgeCity colors
174Documented sectionsFoundations, components & patterns4Product familiesLearn · Comply · Grow · Hire2Density modesComfortable & compactLight & darkDesigned for both appearances

Your starting points

Explore components
color — tactile design system illustration

Color

Four suites. One brand.

type — tactile design system illustration

Typography

A clear and familiar voice.

components — tactile design system illustration

Components

Small details. Shared patterns.

identity — tactile design system illustration

Product identity

Connected, yet distinct.

ai — tactile design system illustration

AI patterns

Helpful by design.

icons — tactile design system illustration

Iconography

One Lucide icon language.

Design with consistency

Start with foundations, then explore component states and product themes.

Start designing

Build from the same source

Use the documented tokens and patterns to connect design decisions to code.

Explore a component