@der-reiskoch/khao-malet v2.0.3

Khao Malet Design System

About the Name

"Malet Khao" (เมล็ดข้าว) is Thai and means "grain(s) of rice". As this design system is the base of my component library Khao UI i used the thai name in reverse order.

System

Visually, the Khao Malet system follows the current design of Der Reiskoch.
The design system is based on Material 3.

Design tokens

Token naming is based on Material Web. All tokens are prefixed with --khao- to prevent naming overlaps with host applications such as the marketing website.

Types of tokens

• Reference tokens
  • prefixed with --khao-ref-
  • only assigned to system tokens, never used in components directly
• System tokens
  • prefixed with --khao-sys-
• Component tokens
  • prefixed with --khao-<component-name>-, e.g. --khao-button-

Read more about types of tokens.