vpn-7561/contracts/WEB_REFERENCES.md

WEB_REFERENCES.md — Референсы и режим проектирования

• Выбранный режим: 🔄 Режим 2: По вашему примеру / референсу (± аналог)
• Запрос / Задача: Катюша VPN Хочу точно такой же с классным дизайном, чтобы цепляло внимание. Дизайн код базируется на Катюше, сексопильной девушке, которая стреляет по РКН, как будто пробивает стены. Тарифы такие же

Источники и референсы, переданные в UX/UI и Frontend:

1. 🎯 Ваш референс-образец: Gorilla

• URL: https://gorillavpn.pro/
• Что берём в проект: Шрифты: Manrope, Unbounded • Блоки и тексты SPA: Тарифы | Установка | Кабинет | Вопросы | Навигация по сайту | Открыть кабинет | Меню | Меню Gorilla VPN | Разделы сайта Gorilla VPN | Мобильное меню | Нидерланды | Амстердам | Германия | Франкфурт | Турция | Стамбул | Польша | Варшава • Точные тарифы с сайта: 1 месяц: 239 ₽, 3 месяца: 649 ₽, 6 месяцев: 1219 ₽, 12 месяцев: 2299 ₽

2. Mullvad VPN — Эталон минимализма, прозрачности и оплаты в 1 клик (вкл. крипто)

• URL: https://mullvad.net/en
• Что берём в проект: Ключевые паттерны: генерация аккаунта без email, мгновенный выбор протокола WireGuard/Shadowsocks, честная цена, нулевое логирование.

3. Proton VPN — Премиальный тёмный UI с интерактивной картой серверов и сравнением скоростей

• URL: https://protonvpn.com
• Что берём в проект: Ключевые паттерны: переключатель тарифов (1 мес / 1 год / 2 года со скидкой 60%), таблица скорости 10 Gbps, бейджи стриминга (Netflix/YouTube 4K).

4. Amnezia / Outline VPN — Фокус на обход блокировок (VLESS / Xray Reality) и приложения под все ОС

• URL: https://amnezia.org
• Что берём в проект: Ключевые паттерны: кнопки быстрого скачивания (iOS, Android, macOS, Windows, роутеры), выдача ключа для Telegram-бота в 1 клик.