Дизайн-система MapMonster
Формализация существующего визуального языка rustminimap.com — тёмная GitHub-эстетика с янтарным акцентом. Не новый бренд: те же токены, фирменные баннеры-алерты и характер; уточнены контраст, состояния, доступность и движение. Эта страница — живая база для прототипов 4a–4f.
01 — Основы
Единый источник истины. Все компоненты ниже собраны только из этих переменных — менять систему = менять токены. Клик по образцу цвета копирует значение.
--bg-0. Применяется к body на всех страницах.--text-2 на --bg-0 ≈ 4.9:1 — проходит AA для обычного текста, но пограничен. Правило: --text-2 только для нефункциональной меты (даты, read-time, подсказки), никогда для важного действия. Всё кликабельное/важное — от --text-1 и выше.Inter — интерфейс и тексты. JetBrains Mono — код, координаты, версии, технические подписи. Длинные статьи: line-height 1.75, колонка ≤760px.
Быстро и сдержанно: --dur-1 .12s · --dur-2 .15s · --dur-3 .2s, easing cubic-bezier(.2,.6,.2,1). Hover — лёгкий подъём (translateY -1/-2px). Все анимации глушатся при prefers-reduced-motion (глобальное правило — фикс пробела Этапа 0).
02 — Компоненты
idle / hover / active / focus / disabled / loading / empty. Состояния помечены под каждой плиткой.
aria-current (на сайте было приглушённым без индикации текущего языка). Аккаунт-pill раскрывается по hover и фокусу/клику. Discord виден в навигации на всех типах страниц (на сайте его не было в шапке гайдов/фич).
Базовая карточка
Панель на --bg-2, hover — янтарная граница + подъём.
Premium Premium
Янтарный радиальный glow из угла + акцентная граница.
Иконка-вариант
Цвет иконки можно завязать на семантику секции.
✓ Что делает
- Читает официальный Rust+ API
- Работает с закрытой игрой
- Не трогает процесс Rust
✕ Чего НЕ делает
- Не инжектит в игру
- Не читает память
- Не нарушает EAC/VAC
- Миникарта + команда
- Смерти и события
- Player Checker 2/день
- Всё из Free
- Shop Sniper + поиск по шопам
- Player Checker 25/день
03 — Фирменные баннеры-алерты
Сигнатура продукта. Левый бордер цвета типа + иконка на 12%-тинте + колоризация жирного. Две формы: веб-карточка (на сайте) и in-game баннер (реальный оверлей).
| Возможность | Free | Premium |
|---|---|---|
| Миникарта в реальном времени | ✓ | ✓ |
| Поиск по шопам | — | ✓ |
| Shop Sniper | — | ✓ |
| Player Checker | 2/день | 25/день |
.table-scroll с горизонтальным скроллом (фикс переполнения 4-5-колоночных таблиц на мобильном).Пока пусто
04 — Элементы гайдов
Лёгкий читаемый слой (как /guides/styles.css), но усиленный: добавлены TOC и единый callout-набор.
MapMonster — десктоп-миникарта для Rust через официальный Rust+ API. Бесплатно, EAC/VAC-safe.
- Откройте Rust+ на телефоне
- Pair → выберите сервер
- Войдите в MapMonster через Steam
F9 — зум карты · Esc — выход
«Работает даже с закрытой игрой — через API, не через инжект.»
Это чит? Забанят?
- Авто-обновление при входе
- fix: вендинги не обновлялись
05 — Правила применения
Янтарь и движение — дефицитный ресурс. Один сильный акцент в кадре, остальное — спокойный тёмный фон.
Одна навигация
Единая шапка и футер на всех типах страниц (на сайте их две). Discord и язык — везде одинаково.
Одни токены
Лендинг богаче компонентами, гайды — спокойнее, но из тех же переменных. Богатство ≠ другой бренд.
Один CTA-язык
Primary-кнопка = одно главное действие. На гайде/фиче — мид-CTA + нижний, не 4-6 одинаковых.
| Тип | Цвет | Токен | Когда |
|---|---|---|---|
| new-shop | зелёный | --alert-shop | Новый вендинг открылся |
| price | синий | --alert-price | Изменение цены / шоп обновлён |
| sniper | янтарь | --alert-sniper | Выгодная сделка (флагман) |
| cargo | фиолетовый | --alert-cargo | Cargo / Heli / события |
| death | красный | --alert-death | Смерть тиммейта (срочно) |
--ring) на всём интерактивном; prefers-reduced-motion глушит анимации; контраст AA; aria-current на активном языке/навигации; нативные <details> для FAQ.--text-2 на важном тексте; немаркированного активного состояния; кликабельных блоков без фокуса.--info, добавлены focus-ring / reduced-motion / активный язык / TOC / scroll-обёртки таблиц / семантика 5 алертов). Функционал и палитра не меняются.