лендинг: типографский ритм и мобильные отступы — подача без новых обещаний #3292

Merged

bot-backend merged 3 commits from feat/mera-landing-attractiveness into main

2026-08-31 09:33:00 +00:00

bot-backend commented

2026-08-31 06:30:51 +00:00

Collaborator

Из просьбы владельца «нужен максимально привлекательный лендос». Рамка была задана жёстко: привлекательность добывается подачей, а не обещаниями — эту страницу полдня чистили от выдуманных «1,8 %», «за 30 секунд» и «×2,4», возвращать их под видом красоты нельзя.

Правка целиком в CSS, +23/−8. Ни одного нового слова и ни одной новой цифры в пользовательском тексте.

Что сделано

text-wrap: balance на шести заголовках секций — на 375px они ложатся в 2–3 строки и оставляли висячее слово.
artTitle подтянут к общему полу 26px (был 24px — последняя секция читалась мельче соседних). Десктопный максимум не тронут.
Отступы карточек стали responsive: clamp() вместо фиксированных 24–28px. На десктопе значения прежние, выигрыш только на узких экранах.
tabular-nums на крупных значениях — цифры в пропорциональном шрифте не выстраивались в колонку между соседними плитками.
«Все статьи →» имела высоту нажатия 23px. Добавлен padding: 10px 0, погашенный margin: -10px 0, — макет не сдвигается, цель нажатия растёт.

Главная оговорка: страницу глазами не видели

Агент честно записал: computer:screenshot отдавал пустой серый холст на любом масштабе, а прокрутка падала по таймауту. Все правки сделаны по измерениям живой страницы через javascript_tool — геометрия секций, вычисленные стили, цели нажатия, переполнение — и по чтению CSS.

Это значит: изменения обоснованы числами, но визуально не подтверждены. Скриншоты 375px в долгу, снимаю отдельно.

Отдельная ловушка, которую стоит знать: браузер молча переключился на вкладку без эмуляции (innerWidth 1900), и первый замер оказался десктопным. Поймано перепроверкой с явным tabId.

Проверки

vitest 13 файлов / 147 passed (включая landing-numbers-gate и contrast-tokens) · tsc rc=0 · eslint --max-warnings 0 rc=0. Всё перепрогнано ревьюером независимо.

Что осталось за рамками

Снятие этой правки не покрасит ни один тест — гейты проверяют числа в TSX и значения токенов, а не геометрию CSS. Прямая оговорка ревьюера.
Цель нажатия вышла ~43px против нормы 44px.
Не тронуты: высота hero (2039px) и секции сверки (6540px) на мобиле — это состав секций, а не подача.
Найдено попутно: сырой #ffffff в .tickerObj, гейт на него молчит (он в allowlist).

Из просьбы владельца «нужен максимально привлекательный лендос». Рамка была задана жёстко: привлекательность добывается **подачей**, а не обещаниями — эту страницу полдня чистили от выдуманных «1,8 %», «за 30 секунд» и «×2,4», возвращать их под видом красоты нельзя. Правка **целиком в CSS**, +23/−8. Ни одного нового слова и ни одной новой цифры в пользовательском тексте. ## Что сделано - **`text-wrap: balance` на шести заголовках секций** — на 375px они ложатся в 2–3 строки и оставляли висячее слово. - **`artTitle` подтянут к общему полу 26px** (был 24px — последняя секция читалась мельче соседних). Десктопный максимум не тронут. - **Отступы карточек стали responsive**: `clamp()` вместо фиксированных 24–28px. На десктопе значения прежние, выигрыш только на узких экранах. - **`tabular-nums` на крупных значениях** — цифры в пропорциональном шрифте не выстраивались в колонку между соседними плитками. - **«Все статьи →» имела высоту нажатия 23px.** Добавлен `padding: 10px 0`, погашенный `margin: -10px 0`, — макет не сдвигается, цель нажатия растёт. ## Главная оговорка: страницу глазами не видели Агент честно записал: `computer:screenshot` отдавал пустой серый холст на любом масштабе, а прокрутка падала по таймауту. Все правки сделаны **по измерениям живой страницы** через `javascript_tool` — геометрия секций, вычисленные стили, цели нажатия, переполнение — и по чтению CSS. Это значит: изменения обоснованы числами, но **визуально не подтверждены**. Скриншоты 375px в долгу, снимаю отдельно. Отдельная ловушка, которую стоит знать: браузер молча переключился на вкладку **без эмуляции** (`innerWidth 1900`), и первый замер оказался десктопным. Поймано перепроверкой с явным `tabId`. ## Проверки `vitest` 13 файлов / 147 passed (включая `landing-numbers-gate` и `contrast-tokens`) · `tsc` rc=0 · `eslint --max-warnings 0` rc=0. Всё перепрогнано ревьюером независимо. ## Что осталось за рамками - **Снятие этой правки не покрасит ни один тест** — гейты проверяют числа в TSX и значения токенов, а не геометрию CSS. Прямая оговорка ревьюера. - Цель нажатия вышла ~43px против нормы 44px. - Не тронуты: высота hero (2039px) и секции сверки (6540px) на мобиле — это состав секций, а не подача. - Найдено попутно: сырой `#ffffff` в `.tickerObj`, гейт на него молчит (он в allowlist).

bot-backend added 1 commit 2026-08-31 06:30:51 +00:00

подача лендинга: мобильный ритм, ровные заголовки, табличные цифры

CI Trade-In / changes (pull_request) Successful in 13s

Details

CI Trade-In / backend-tests (pull_request) Has been skipped

Details

CI Trade-In / browser-tests (pull_request) Has been skipped

Details

CI / changes (pull_request) Successful in 15s

Details

CI / backend-tests (pull_request) Has been skipped

Details

CI / frontend-tests (pull_request) Has been skipped

Details

CI / openapi-codegen-check (pull_request) Has been skipped

Details

CI Trade-In / frontend-checks (pull_request) Successful in 1m15s

Details

2527068c45

Только оформление: ни одного утверждения, числа или секции не тронуто.

- text-wrap: balance на заголовках секций — на 375px они уходят в 2-3 строки
  и оставляли висячее слово.
- artTitle подтянут к общему полу 26px (был 24px — последняя секция читалась
  мельче остальных).
- внутренние отступы карточек стали responsive (clamp): на 375px под текст
  оставалось 279px из 375, четверть экрана уходила в поля. На десктопе
  значения прежние.
- font-variant-numeric: tabular-nums на крупных значениях (плитки сверки,
  плитки цены ошибки, отклонение в строке) — разряды встают в колонку.
- «Все статьи» имела высоту нажатия 23px; паддинг гасится отрицательным
  полем, макет не сдвигается. Ховер переведён с нижней границы на
  подчёркивание, иначе линия легла бы по краю паддинга.

bot-backend added 1 commit 2026-08-31 09:28:27 +00:00

Merge branch 'main' into feat/mera-landing-attractiveness

CI Trade-In / changes (pull_request) Successful in 11s

Details

CI / changes (pull_request) Successful in 14s

Details

CI Trade-In / backend-tests (pull_request) Has been skipped

Details

CI Trade-In / browser-tests (pull_request) Has been skipped

Details

CI / backend-tests (pull_request) Has been skipped

Details