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.
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.
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.
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.
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” — призма.