localization-design

用途：确保组件、布局与内容能适配任意目标语言而不被破坏，并兼顾颜色、图标、惯例等文化差异。主要能力：一是应对文本膨胀，指出德语、法语、芬兰语等译文比英语长，建议容器使用弹性高宽、按钮用 min-width 而非固定宽度、导航项按 130% 长度整体测试，截断仅作最后手段并提供完整文本。二是 RTL 支持，涵盖内容流反转、布局镜像、方向性图标镜像而非方向性图标保留，推荐使用 CSS 逻辑属性如 margin-inline-start、padding-block-end 和 text-align: start，并说明标志、时钟、数学记号等通常不镜像。三是非拉丁文字排印，涉及阿拉伯文与希伯来文的连写规则与字号下限、CJK 的行高与字距规则，以及禁止对非拉丁文字使用伪粗体或伪斜体。四是文化考量，包括颜色含义差异、手势与邮政协同类图标的地域差异。五是日期、时间、数字与地址格式，建议使用 Intl.DateTimeFormat 等地区感知格式化与地址表单库。设计系统层面，要求使用逻辑属性、语义化而非方向性的设计令牌命名，并在组件文档中标注已测试的语言。限制：资料未提供具体安装命令、代码仓库或价格信息，相关事实暂未提供。