Финтех для бизнеса
Сайт необанка для малого бизнеса «Ось» — глубокий индиго с зелёным сиянием, стекло и тонкие линии: первый экран с 3D-картой, которая поворачивается за курсором и показывает живые операции, дашборд с графиком, который рисуется, и операциями по одной, возможности в bento с микроанимациями, калькулятор экономии на комиссиях, безопасность на липкой сцене, где карта проходит четыре слоя защиты, тарифы с переключателем и слайдером сотрудников, интеграции бегущими строками со счётчиками, отзывы предпринимателей, приложение с QR и подвал со статусом. Wix Madefor Display, Inter Tight и IBM Plex Mono.
Из чего собрано
12 блоков из каталога, в порядке появления на странице. Каждый ставится своей командой; ничего не пересоздаётся.
1. Шапка
Шапка необанка с лого-осью, «Войти» и «Открыть счёт»navbar-040
Лого-ось с качающейся диагональю, «Войти», «Открыть счёт», стекло при прокрутке.
2. Первый экран
Хиро необанка: 3D-карта за курсором и живые операцииhero-040
3D-карта за курсором, маска номера, лента живых операций, градиентное слово.
3. Живой баланс
Живой баланс: график рисуется, операции появляются, период морфит линиюfintech-001
График рисуется, баланс докручивается, день / неделя / месяц морфит линию.
4. Возможности
Возможности банка bento-сеткой с микроанимацией в каждой плиткеbento-009
Шесть плиток с микроанимациями: перевод, налог, валюты, выписка, карты, поддержка.
5. Экономия
Калькулятор экономии на комиссиях с ползунком оборотаfintech-002
Слайдер оборота → «сэкономите N ₽ / год», полосы сравнения.
6. Безопасность
Безопасность по прокрутке: карта проходит четыре слоя защитыfintech-003
Липкая сцена: карта едет сквозь четыре кольца защиты по прокрутке.
7. Тарифы
Тарифы одной карточкой: переключатель планов и ползунок сотрудниковpricing-032
Старт / рост / масштаб, слайдер сотрудников, цена докручивается.
8. Интеграции
Интеграции бегущими строками и счётчики от текущего времениlogocloud-014
Две бегущие строки чипов навстречу, счётчики от времени суток.
9. Отзывы
Отзывы предпринимателей с метриками и появлением по прокруткеtestimonials-032
Карточки с метрикой моно-градиентом, появление по прокрутке.
10. Приложение
Приложение: QR из SVG, бейджи магазинов и телефон из CSSdownload-013
QR из SVG-path, сканирующая линия, бейджи, CSS-телефон.
11. Вопросы
Вопросы аккордеоном с плюсом-крестикомfaq-023
Аккордеон с плюсом-крестиком.
12. Подвал
Подвал SaaS со статусом систем и колонкамиfooter-032
Статус систем с пульсом, лицензия, колонки.
Pro
Точный состав, код страницы и ссылка для агента — в PRO
Демо и список блоков открыты всем. Подписчику показываются пропсы каждого блока как в демо, общие правила темы, промпты картинок и одна ссылка, по которой ИИ-агент собирает такую же страницу.
Открыть PRO