KCDS

KCDS unifies a previously fragmented stack.KCDS объединяет прежде фрагментированный стек. Before consolidation, every KC product had its own typography, color tokens, and component conventions — designers and engineers reinvented the same patterns over and over. KCDS replaces that with one foundation: semantic tokens, accessibility rules, motion language, and decision principles that travel across every product in the ecosystem.До консолидации у каждого продукта KC были свои типографика, цветовые токены и соглашения по компонентам — дизайнеры и инженеры снова и снова изобретали одни и те же паттерны. KCDS заменяет это единой основой: семантические токены, правила доступности, язык анимации и принципы решений, которые работают во всех продуктах экосистемы.

Beyond visuals, the system encodes decision principles — when to use a modal vs. drawer, when admin diverges from learner, what state every interactive element must support. It's not a sticker sheet; it's an operating contract that travels with the code.Помимо визуала, система кодирует принципы решений — когда использовать модальное окно, а когда drawer, где админка расходится с учащимся, какие состояния должен поддерживать каждый интерактивный элемент. Это не набор стикеров, а операционный контракт, который путешествует вместе с кодом.

Every release is regression-tested against a catalogue of 48 documented production failures — issues that broke once, can't break again. New surfaces inherit the same guarantees automatically.Каждый релиз проходит регрессионное тестирование по каталогу из 48 задокументированных production-сбоев — то, что сломалось однажды, не сломается снова. Новые экраны наследуют те же гарантии автоматически.

20+
products in the KC ecosystemпродуктов в экосистеме KC
3
product suites, each with its own accentсьюта, у каждого свой акцент
68
documented componentsзадокументированных компонентов
v3.0
current design system versionтекущая версия дизайн-системы
Web foundationВеб-основа

KCDS — Web

The full design system documentation for web products: foundations (tokens, typography, spacing, radius, elevation, density, accents, dark theme) and 68 components — buttons, inputs, tables, modals, navigation, charts. Synced with the /kc-design-foundations Claude Skill.Полная документация дизайн-системы для веб-продуктов: основы (токены, типографика, отступы, радиусы, тени, плотность, акценты, тёмная тема) и 68 компонентов — кнопки, поля, таблицы, модальные окна, навигация, графики. Синхронизировано со скиллом Claude /kc-design-foundations.

Native mobileНативный мобайл

KCDS — Mobile

The native-mobile counterpart: iOS and Android specifics — touch targets, gestures, safe-area handling, native components, mobile navigation patterns. Aligns with HIG and Material so the KC brand stays consistent across web and native apps. Synced with the /kc-ds-mobile Claude Skill.Нативно-мобильный аналог: специфика iOS и Android — тач-таргеты, жесты, работа с safe-area, нативные компоненты, паттерны мобильной навигации. Согласовано с HIG и Material, чтобы бренд KC оставался единым в вебе и нативных приложениях. Синхронизировано со скиллом Claude /kc-ds-mobile.

eSIMD DS

eSIMD — a product design system built from zero.eSIMD — продуктовая дизайн-система, построенная с нуля. For the eSIM telecom product I designed the entire system myself — brand, tokens, components and UX patterns — one visual language spanning the marketing site, the purchase and onboarding flow, the account dashboard and the companion mobile app.Для eSIM-телеком-продукта я спроектировала всю систему сама — бренд, токены, компоненты и UX-паттерны — единый визуальный язык, охватывающий маркетинговый сайт, флоу покупки и онбординга, личный кабинет и приложение-компаньон.

Because the product launched from scratch with no legacy, the system stayed clean and consistent from day one: decide the language once, and every surface — web and native — inherits it.Поскольку продукт запускался с нуля, без легаси, система оставалась чистой и согласованной с первого дня: определяешь язык один раз — и каждый экран, веб и нативный, его наследует.

1
language across web & appязык для веба и приложения
0→1
built from scratch, no legacyс нуля, без легаси
2
platforms — web + companion appплатформы — веб + приложение
SoloСоло
designed end to endспроектировано от и до
Contact meСвязаться

Let's work
together
Расскажите
о проекте

Have a project in mind? Let's turn it into a product worth shipping — design, systems, and meaningful results.Есть проект? Давайте превратим его в продукт, который стоит выпустить — дизайн, системы и результат, который заметен.

Get in touchСвязаться