9 расхождений между design-system.md v1 и реальной реализацией в v19. По 4 ключевым принял дефолты. Остальные 5 — открытые.
#1
Eyebrow vs StepBadge маскированы под одно имя
Landing-eyebrow — простой текст. Quiz step-pill — обёртка с bg+shadow+rounded. Это разные компоненты. Default → разделить.
#2
Card radius rounded-2xl vs rounded-3xl смешаны
В v19 без чёткого правила. Default → rounded-3xl для cards на bg-white/bg-ink-50; rounded-2xl для nested cards в плотных grid'ах.
#3
Input focus: DS говорит focus:bg-white, v19 использует focus:bg-ink-100
Конфликт на тёмном vs светлом фоне. Default → focus:bg-white когда input на bg-ink-50; ring-2 ring-ink-900 когда input на белом.
#4
QuoteCard: DS = число+цитата, v19 = чистая цитата
Замаскированы под одно имя. Default → разделить на QuoteCard (чистая) + StatQuoteCard (число+цитата).
#5
max-w непоследовательность
Большинство секций max-w-5xl, но Section 3 (Creatives) и Section 4 (Pricing) используют max-w-6xl. Открыт — основной = 5xl, wide grid = 6xl?
#6
Chip vs StatusPill именование
В коде они вариант одного паттерна. После library — разделить: StatusPill (с animate-pulse dot, live), Chip (статичный label без dot).
#7
SectionWrapper padding непоследовательность
py-16 sm:py-20 (стандарт) vs py-16 sm:py-24 (Bento, Chat Feature, Analysis). Предлагается 2 токена: spacing.section.standard / spacious.
#8
AvatarInitial используется, но не описан в DS
8+ мест. Раздел Iconography в DS только про Lucide. Добавить компонент при первом извлечении.
#9
Avatar gradient from-to не токенизированы
Каждый аватар имеет уникальный from/to. Зафиксировать 4-5 preset-пар в DS как avatar-gradient-N.