Skip to main content

Mix Design Tokens

This section introduces the Mix system used to define and apply design tokens across the Hudi UI.

Mix enables you to build highly customizable and themeable components using a token-based architecture. It supports dynamic styling, variant management, and scalable design principles.

📦 What's in this section?​

  • Overview of how Mix works
  • Spacing, radius, typography, and color tokens
  • Custom theming strategies
  • Integration with your Flutter components

Naming Convention: kName​

The kName convention is used for constants to make them easily identifiable in the code. In Flutter and Dart, it's a common practice to prefix constant variables with the letter k to distinguish them from regular variables or mutable values.

Why use the k prefix?​

  • Readability: The k helps developers quickly identify constants when scanning the code.
  • Consistency: It enforces a uniform approach to naming constants, making the codebase more predictable.
  • Avoiding conflicts: Using k ensures that constant names are visually distinct from other variables, preventing confusion.

Example:

static const double kSmall = 14;

🛠 Ready to scale your design system with flexibility and control.

Feel free to edit the description, slug, or section list based on your actual content plan. Let me know if you want to generate sections or token guides too!