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

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

### 2. [Mullvad VPN — Эталон минимализма, прозрачности и оплаты в 1 клик (вкл. крипто)](https://mullvad.net/en)
- **URL:** https://mullvad.net/en
- **Что берём в проект:** Ключевые паттерны: генерация аккаунта без email, мгновенный выбор протокола WireGuard/Shadowsocks, честная цена, нулевое логирование.

### 3. [Proton VPN — Премиальный тёмный UI с интерактивной картой серверов и сравнением скоростей](https://protonvpn.com)
- **URL:** https://protonvpn.com
- **Что берём в проект:** Ключевые паттерны: переключатель тарифов (1 мес / 1 год / 2 года со скидкой 60%), таблица скорости 10 Gbps, бейджи стриминга (Netflix/YouTube 4K).

### 4. [Amnezia / Outline VPN — Фокус на обход блокировок (VLESS / Xray Reality) и приложения под все ОС](https://amnezia.org)
- **URL:** https://amnezia.org
- **Что берём в проект:** Ключевые паттерны: кнопки быстрого скачивания (iOS, Android, macOS, Windows, роутеры), выдача ключа для Telegram-бота в 1 клик.