Dev preview · UI kit 1.2

PovCityMafia design system

Semantic tokens and reusable UI components for a premium club broadcast platform.

Button

Variants, sizes, disabled and loading states.

Form controls

Input, Textarea and Select with label, hint, error, required and optional markers.

Used for login and notifications.

Visible to club admins when you join.

Password must be at least 8 characters.

Required for private clubs.

Optional. Visible only to tournament hosts.

Stored for filtering and display.

Locale is required.

Card

Glass panel composition primitives.

Winter Cup · Stage II

Full tournament · Sat 21:00 · 2 hosts assigned

PublishedRU webview

Badge

Status and metadata labels.

DefaultMutedSuccessWarningDestructiveOutline

Status badges

Semantic pill labels for statuses across lists, cards and detail pages.

Tones

NeutralInfoSuccessWarningDangerMuted

Sizes

SmallMedium

Tournament statuses

draftpublishedongoingfinishedcancelled

Multi-combobox

Multi-select combobox with chips, search, lazy loading and dropdown states.

Default

With selected chips

NightFoxSilverAce

Empty search

Disabled

Mira

Lazy loading mock (5 items per page)

Alert

Inline feedback messages.

EmptyState

Zero-data placeholders.

No clubs yet

You are not a member of any club. Create one or open an invite link.

No pending requests

Color tokens

Core semantic palette reference.

background
foreground
surface
surface-muted
border
muted
muted-foreground
primary
accent
destructive
success
warning

Typography

Heading 1 — Championship Final

Heading 2 — Club control room

Heading 3 — Host assignments

Body — Premium readable copy on graphite depth with champagne accents.

Small / muted — Metadata and secondary hints.