Эта страница показывает основные UI-паттерны в том же мрачном неоновом стиле, но с приоритетом на мобильный сценарий: крупные touch-targets, явные состояния, никакой зависимости от hover и полноценные игровые HUD-виджеты.
Здесь собраны основные формы: текст, пароль, число, поиск, select, checkbox, radio, switch, slider, stepper и color picker. На мобильном они должны быть явно читаемыми и комфортными для пальца.
Этот блок показывает визуальную систему: заголовки, подписи, иконки, аватары, бейджи, чипы, прогресс и рейтинг. Всё собрано так, чтобы можно было быстро подхватить в любом экране приложения.
Для игр важны не только кнопки. Здесь собран типичный battle HUD: полосы здоровья и маны, валюта, таймер, счётчики, миникарта, способности, инвентарь и лут-попапы.
HUD-элементы рассчитаны на быстрый glance: крупные цифры, короткие подписи, большие кнопки и цветовые различия только там, где это действительно помогает.
Для мобильной версии важнее уверенный тап и явная обратная связь, чем сложные hover-слои или мелкие декоративные детали.
Ниже показаны основные overlay-паттерны. Блокирующие слои затемняют фон, а не блокирующие (tooltip / toast / popover) живут поверх без захвата внимания.
Контентные паттерны тоже важны: коллекции, каталоги, карусели, аккордеоны и длинные ленты должны оставаться понятными на узком экране.
Expandable content is great for guidelines, filters, or small settings blocks.
Secondary sections stay collapsed until the user asks for them.