Tetris design system

Falling-block arcade

Grid rhythm, bright tetromino colors, and crisp game-state modules.

Primary arcade block button Secondary action

Live module

scoreboard grid panel

online
98%Signal quality
24Active flows
3.2sResponse time

Palette

arcade grid system with black board surfaces and bright geometric block colors.

Control

Focus, hover, and status states share the same brand signal.

Typography

Display rhythm

Headlines use the brand display stack with the declared scale and leading.

Surface

Layer system

Cards, warm panels, borders, and raised states resolve through shared tokens.

Interaction

Motion states

Buttons, inputs, and panels use brand-specific focus rings and easing.