Design tokens, primitives, and domain widgets for the FMS product. Canonical reference for building consistent interfaces across the Next.js public site and Flutter app.
DESIGN LANGUAGE
Design tokens in Token Studio format: colors, typography, spacing, shadows.
Full color palette: primary, functional, neutrals, and semantic roles.
Type system: Igra Sans display, Manrope body, Inter code — size scale and weights.
Primitives: buttons, badges, cards, pills, inputs, and progress indicators.
Application auth patterns: login, field composition, social login row, and action hierarchy.
FMS-specific widgets: stars/coins balance cards, debt indicator, sync status, tasks, rewards.