顶部应用栏
页面最上面那条：返回、标题、常用操作，一眼看清「我在哪、能干嘛」。
网站页眉导航
Website Header
网站最上面那条横栏：Logo 在左，导航在中，登录/注册按钮在右，滚动时常吸顶。
Web 网站导航顶部导航组件
大白话说明
网站页眉是全站的门面与路标：Logo 锚定左上，主导航 4–6 项，右侧放登录与一个主行动按钮。页面往下滚时吸顶常驻，长页里随时能跳走或转化。
什么时候用
任何多页网站都需要；落地页可以简化为只有 Logo + CTA 的版本。
什么时候不用
单页应用内部的工作区别用页眉占高度（那是顶栏和侧栏的位置）；导航项超过 7 个要上二级菜单或重新分组。
细节与变体
- 主 CTA 只留一个且用实心按钮，其余链接用文字样式，层级一眼分明
- 移动端导航收进汉堡菜单，展开为全屏或抽屉列表
- 吸顶时加一条底部分隔线或轻阴影，和内容分开层次
配套提示词（点开填空、复制）
参考实现（开源）
- shadcn/ui 组件库 ↗ MIT · 免费（MIT）
不是装进项目的库，而是把组件源码复制进你自己的仓库——改起来毫无阻力，AI 也最熟它。
- AstroWind 落地页模板 ↗ MIT · 免费（MIT）
Astro + Tailwind 的落地页与博客范式：Hero、特性、定价、FAQ 一应俱全。
- shadcn 落地页模板 ↗ MIT · 免费（MIT）
shadcn/ui 拼的标准落地页：区块拆分清楚，照着区块清单就能拼自己的营销页。