SXP UI System
The shared UI grammar of SXP: tokens, colour roles, one meaning for each state, accessibility minimums and a way to check screens, while each product keeps its own look.
Why it exists
SXP's games, tools and sites should behave the same way where people expect them to, even though they look different.
Where it stands
Used inside SXP. First Crossing is its reference game, and ISEKAI CROSSING uses its tokens.
This is a description, not a window. Nothing on this site connects to the system, and no live data from it is shown.
What it does
- Shared minimums: 44-pixel touch targets (48 for the primary action), no text under 12 pixels, and Thai line heights
- Every status shows a word, a glyph and a tone, never colour alone
- One source delivered to web, Godot and chat-text surfaces
- Checks screens by measuring what renders: overflow, touch targets, focus and missing glyphs
What it does not do
- Not a component library, and not one visual skin for every product