SuperAPI AI 工具集

better-footers

前端与建站

查看项目

更新于 10-15 20:31

技能介绍

用途:为网站底部区域提供非模板化设计指导,每个页面只选一种页脚类型,并结合 brief 与仓库设计系统决定样式。定位为头部的补充:顶部导航用 better-headers,品牌标识用 frontend-design,文案用 website-copywriting,设计令牌用 better-web-interface。

主要能力:提供七种页脚类型,包括极简编辑式、版权页/工作室式、法律条带、收尾 CTA、密集站点地图、非对称分栏、条带加辅助信息;并给出禁止的默认做法,如无 brief 时禁用四列相同布局、假订阅、固定年份“© 2024”、虚构社交账号等。

必要用法与规则:页脚须使用 <footer> 地标;若含多个 <nav> 需 aria-label;链接必须真实,不得编造 Privacy、Careers 等产品不存在的页面;法律链接需真实 URL;对比度达 AA,保持可见焦点与键盘可用;移动端有 dock 时需考虑安全区内边距;最多一个 CTA,订阅仅在确实收集邮箱时使用,表单交给 better-forms;年份动态生成或省略;命名所选页脚类型,仓库设计系统优先。

适用场景:工作室、作品集、短落地页适合极简或非对称式;代理机构、作者、文化项目适合版权页式;有真实文档的 SaaS/电商适用法律条带或站点地图;营销页可用收尾 CTA。移动端需堆叠分组,避免 320px 下四列,订阅仅一个字段加提交并显示错误,避免页脚过大影响首屏。

限制:资料未提供安装命令、价格、平台支持或代码示例;未提及具体框架实现细节,缺失信息暂未提供。