免费提示词
输出设计令牌规范和页面原型
适合要从零立设计规范的人。你要提供:产品定位和目标受众。
请根据我的产品定位与目标受众,帮我输出一套完整的《Design System 设计令牌规范(含色彩语义表、字号行高阶梯、间距栅格、按钮/卡片三态样式)》及核心页面原型代码。
示例片段(ans-design-tokens.ts)
只是写法示意,不是完整程序。
// ANS 模块化字号阶梯 (Modular Type Scale, ratio=1.2) 自动推导器 (ans-design-tokens.ts)
export function generateAnsTypeScale(basePx = 16, ratio = 1.2) {
return { xs: 12, sm: 14, base: basePx, lg: Math.round(basePx * ratio), xl: Math.round(basePx * ratio ** 2), "2xl": Math.round(basePx * ratio ** 3) };
}免费使用,可用于个人和商业项目。模型输出的内容由你自己核对。