前端模式库 按任务选取交互、组件和内容结构，再根据实际内容与品牌决定外观。本站页面是一组可修改的展示示例，不限定消费方的设计风格。 先判断，再取零件 根据当前需求组织内容与操作，再选可复用资产。这些材料提供判断和检查方法，不规定整页顺序，也不要求从有限模板或风格名单中选择。 判断需求 组合零件 补全操作 适应变化 检查套版 01 动效与交互实验室 206 点「选中」把想要的挑出来；从入场、加载到滚动驱动与 3D 透视，全在同一页。 05 纵深示范：格点 7 把分层视差、滚动立起、等距图层、立体图表、标签球、悬浮影子拼成一页，看纵深真的用在站点里是什么样。 06 产品落地页：场记 SLATE 12 一整套卖点与价格：首屏打板卡、三件能力、现场流程、两档价格、四个问题。纯静态、无表单提交。 07 数据工作台：拍摄日报 6 侧栏、指标、柱状图、可筛选可排序的场次表、详情抽屉、空筛选态。数据写在前端，不接接口。 02 设计系统 50 组件与状态的活体图鉴：可操作小样与使用判断并排；配色、字体、尺寸和材质均可按项目重定。 03 内容呈现 50 文本、数据、媒体、引用、长文、代码各来几样；点缩略图看大图。 04 整站实战：缓坡 4 虚构刊物《缓坡》的四页：编辑版式、长文阅读、筛选、表单，明暗主题都真能用。