用途:这是一套面向 AI 智能体的界面设计约束,用于构建受 Airtable 审美启发的浅色模式界面与设计系统,强调 Inter 字体与 4px 栅格。
主要能力:提供颜色语义令牌(如 surface-base #FDF5EA、surface-raised #13151D、text-primary #B5B8BC、text-2 #666159、text-tertiary #6B2B66、border-default #2F2C2F、warning #FDF5EA);排版规范(必须使用 Inter,主标题 145px/700,正文 24px/400,限制字重为 medium、regular、bold,标题用 text-balance、正文用 text-pretty,数字用 tabular-nums);文本样式表(heading-1、body、text-20px、text-18px、caption、label);间距用 4px 栅格、默认 gap 5px;边框 1px、圆角 7px;布局以 1920px 为基准视口,禁用 h-screen 改用 h-dvh,固定元素尊重 safe-area-inset,方形元素用 size-*;按钮含 ghost 变体;交互状态(焦点 2px 描边 #5E6AD2 加 2px offset;悬停、禁用 opacity:0.5 与 cursor:not-allowed);破坏性操作使用 AlertDialog,加载用结构骨架屏,错误就地展示,禁止阻止粘贴,图标按钮加 aria-label;动画仅限 transform、opacity,入场 ease-out,交互反馈不超过 200ms,尊重 prefers-reduced-motion;性能上禁止动画大面积 blur/backdrop-filter,禁止在动画外使用 will-change,禁止用 useEffect 表达渲染逻辑。
使用方式与限制:作为设计参考准则在构建 Airtable 风格界面时套用;除上述规则外,具体安装命令与集成方式暂未提供。