Skip to content

UI polish: типографика, радиусы, brand-акцент, активный сайдбар - #107

Open
nyddle wants to merge 7 commits into
mainfrom
feature/ui-polish
Open

UI polish: типографика, радиусы, brand-акцент, активный сайдбар#107
nyddle wants to merge 7 commits into
mainfrom
feature/ui-polish

Conversation

@nyddle

@nyddle nyddle commented Jun 8, 2026

Copy link
Copy Markdown
Contributor

Зачем

UI выглядел «вроде просто, но криво». Причина — не одна ошибка, а рассогласование мелочей: системный шрифт без своей типографики, разнобой радиусов скругления, чисто-серая тема со случайным зелёным, невидимый active-стейт в сайдбаре.

Полный визуальный аудит + точечные фиксы (CSS-first, по одному коммиту на находку).

Изменения

Находка Было → Стало
Типографика системный system-uiGolos Text (кириллический, Paratype). Главный драйвер «плоскости»
Радиусы rounded-[25px] пузырь выпадал → сведено к шкале (rounded-2xl), padding тоньше
Акцент случайный зелёный → токен --brand (Sber green) в :root/.dark/@theme
Сайдбар активный тред bg-accent ≈ невидим → brand-тинт + рамка
Пустой экран только вордмарк → приветствие «Чем помочь сегодня?»
Инпут тумблер автономности в углу → отступ от края

Проверка

  • Сборка задеплоена, проверено вживую на desktop (1440px)
  • Golos Text в проде, brand-токен резолвится в зелёный
  • Консоль без ошибок, верстка цела

Дизайн-аудит и before/after — локально в ~/.gstack/projects/.../designs/.

🤖 Generated with Claude Code

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant