--- title: "Prizma Design System" url: "https://developer.incode.com/design-and-ux/prizma-design-foundations/" section: "design-and-ux" group: "Prizma Design Foundations" version: "v1.1" status: "live" ---

Design System

Prizma.

Prizma is Incode’s single source of truth for our design language. It provides the tokens, components, and guidelines that help teams build fast, consistent, accessible experiences without sacrificing flexibility.

Foundations · Tokens · Components

Prizma Core

The shared design language for Incode’s product suite. Tokens, primitives, typography, spacing, and color — everything that keeps every SDK and interface consistent.

Explore Core

Web UI · Admin · Operator tools

Prizma Dashboard

Design language for the Incode Dashboard — the web interface used by operators and administrators. Adapted from Core for desktop-first, data-dense workflows.

Explore Dashboard

Foundations · Architecture · Theming

Design Tokens

The 3-layer token model — Primitive, Semantic, and Component — that powers consistent theming, white-labeling, and the shared contract between design and code.

#006affColor.Brand.500Surface.BrandBtn.Primary

Vision

Prizma Design System is a scalable product UI infrastructure.

It defines the contract between design and development that enables consistent delivery, faster iteration, and reliable customization across platforms. Prizma is Incode’s single source of truth for our design language — tokens, components, and guidelines that help teams build fast, consistent, accessible experiences without sacrificing flexibility.

Prizma is

A product UI foundation that keeps experiences consistent as products scale.
A shared contract between design and engineering, so what’s designed can be implemented predictably.
A system of tokens, components, patterns, and guidelines that supports reliable customization.

Prizma is not

Just a component library or a style guide.
A static “Lego instruction manual.” Prizma is built to evolve with products and platforms.
A constraint. It balances consistency with the adaptability teams need to ship.

Principles

Single source of truth

One place where design decisions live, versioned and accessible to every team.

Design–dev contract

Tokens connect Figma to code, so what’s designed is what gets built.

Reliable customization

Built to be extended without breaking. Override at the token layer, not the component.

Scales with products

Prizma is infrastructure, not a style guide. It grows as the product suite grows.

The name

Prizma draws inspiration from the optical properties of a prism.

A prism bends and reflects light into a vibrant spectrum. In the same way, Prizma transforms a single foundation into many expressions — adapting to different products, platforms, and needs while maintaining a cohesive visual language. The name comes from the Serbian word for “prism” — призма.