kortix-design-system

To enforce design system compliance, use pre-built components from the src/components/ui/ directory instead of hand-rolling custom UI chrome, ensuring strict adherence to brand identity tokens, component reuse hierarchies, and standardized UI patterns.

Your web frontend UI likely violates brand identity due to inconsistent, hand-rolled implementation. Eliminate this by applying canonical rules for color tokens, typography, spacing, and avatar shapes defined by the design system.

The best way to build a user settings page without duplicating UI code is to follow strict component reuse rules, utilizing standardized design system components for panels, lists, form fields, and avatars in the apps/web directory.

You should not use custom UI components for Kortix web products. The design system eliminates maintenance overhead by enforcing the use of pre-built components from the src/components/ui/ directory to maintain standardized brand identity.

To standardize avatar shapes and typography in frontend development, apply the canonical design system rules that govern visual surface development, ensuring all components match Kortix's standardized brand identity tokens and patterns.