simbiot-harness/docs/presale-v3-redesign-notes.md
2026-10-02 15:09:42 +00:00

2.7 KiB
Raw Blame History

Presale.cil.by redesign v3 (2026-10-02, hour)

Запрос Alex (m-516173405–407): «нужно сильно улучшить дизайн», ссылка на skill ui-ux-pro-max (https://www.ui-skills.com/skills/nextlevelbuilder/ui-ux-pro-max).

Что сделано

Полная переразметка лендинга с сохранением всего боевого фуннела:

  • Палитра: тёмная premium-тема (bg #0b0d12, панели #141824), акцент #8b7cff (спокойный индиго-violet; ранее яркий #5b4be0 на бежевом фоне смотрелся «шаблонно»).
  • Типографика: Inter (текст) + Inter Tight (заголовки) + JetBrains Mono (теги/подписи технического толка). Иерархия через размер/вес, не через цвет.
  • Ambient-слой: мягкие радиальные свечения + тонкая сетка-хексагон (fixed, под контентом) — даёт глубину без градиентного шума.
  • Hero: градиентный акцент на второй строке заголовка, «выписка»-note (border-left) вместо жирного пейста «Presale means shipping code».
  • Trustbar: числа градиентной заливкой, центрированные колонки.
  • Proof-таблица: обёрнута в панель со скруглением и строками по границам.
  • Quote: акцентная панель вместо бумажной карточки.
  • Offer: карточка с radial-glow, форма покупки вертикальная (email → кнопка), fine-print (seats/lock/questions) мелким шрифтом.
  • FAQ: +/– акцентные маркеры, строки по границам.
  • Prefooter: форма на тёмном, центр.
  • Nav: sticky-подобный брэнд с реальным аватаром (cil.by/static/bot_avatar42.png, проверен 200), якорные ссылки.
  • Мобильная адаптация: одна колонка, offer сжимается (<=720px).

Сохранено (боевое)

  • live-счётчик мест из /api/presale/seats (data-seats-*)
  • формы покупки (data-presale) → /api/presale/start → /onboarding?pending=…&plan=starter
  • идемпотентность/дедуп, копия всех текстов по директиве цены ($100 везде)

Файлы

  • /var/www/simbiot-presale/index.html (22.7 KB, HTML-valid, JS parse OK)
  • backup прежней версии: /root/backups/presale-index-1507.html.bak