Kixoro

Kixoro Design System

“Pitch & Trophy” — deep pitch green anchored by trophy gold. Every screen is built from these tokens and primitives; never hand-roll styles. Toggle the theme in the header to check light and dark.

Colour tokens

  • bg
  • surface
  • surface-2
  • brand
  • accent
  • success
  • danger
  • fg

Position-line colours

One hue per pitch line so a player's role reads at a glance on cards and slots. Always paired with the position text — colour is never the only signal.

  • GK
  • DEF
  • MID
  • FWD

Typography

Brazil ’70

Display face (Oswald) for headings and big numbers — condensed, scoreboard-like.

92 · 88 · 74

Body copy uses a fast system sans for legibility. Ratings and scores use tabular figures so columns stay aligned.

Buttons

Badges

GKDefender★ 92 OVRfull datacuratedout of position

Card

Argentina ’86

Tap to draft from this squad.

★ 94partial

Form controls

Shown on the leaderboard.

Must be a 3-letter code (e.g. BRA).

Scout mode (hide ratings)

Segmented control

Tabs

Showing the global leaderboard.

Dialog

Spinner