组件样式集合

标准面包屑

简洁的行内面包屑，用克制的分隔符呈现后台层级路径。

适合仪表盘、分析页和多层后台导航。

胶囊面包屑

把路径节点做成胶囊按钮，层级更醒目，也更适合点击。

适合内容工具、项目管理和编辑工作台。

标题联动面包屑

把面包屑与页面标题组合在一起，强化当前页面语境。

适合资料页、详情页和记录中心型后台界面。

合成波霓虹手风琴

带霓虹描边和高对比发光状态的 FAQ 手风琴。

适合活动页、产品 FAQ 和更具戏剧性的落地页区块。

拟物面板手风琴

用拟物隆起面板和压印分隔线营造可触碰的层次感。

适合设置页、功能说明和桌面感较强的界面。

绘本柔和手风琴

色彩柔和、留白舒展的绘本感手风琴，过渡更温和。

适合关于页、叙事型产品页和教育内容。

纹样强调手风琴

以强节奏纹样和大地色点缀塑造视觉识别的手风琴。

适合文化展示、专题叙事和更沉浸的品牌页面。

装饰框标签页

带几何边框和奢华对比的装饰型标签页。

适合酒店、奢品品牌和展陈感更强的组件区块。

四色切换标签页

用高对比纯色块塑造节奏感很强的漫画式标签页。

适合玩具感后台、趣味界面和演示型画廊。

分段柔和标签页

安静克制的分段式标签页，带更精致的产品气质。

适合产品控制台、设置页和更应用化的仪表盘。

紧凑数据分页

为数据表格场景设计的紧凑型分页控件。

适合运营后台、管理表格和高密度报表界面。

纯文本分页

故意保持朴素，像超文本链接一样呈现的分页控件。

适合文档系统、低装饰内容平台和 brutalist 风格界面。

结构化后台侧栏

层级清晰、分区明确的企业后台侧栏导航。

适合 B2B SaaS、后台中心和分析工作区。

编辑型工作台侧栏

以文档为中心的轻量侧栏，用柔和视觉提示组织层级。

适合知识库、笔记应用和内容规划工具。

悬浮磨砂侧栏

用磨砂玻璃和柔和桌面边框打造的悬浮式侧栏。

适合创作工具、高级产品和桌面感界面。

霓虹发光面包屑

赛博朋克风格面包屑，霓虹分隔符配上电光悬停效果。

适合游戏后台、科技产品页和未来感管理面板。

水墨面包屑

以毛笔笔触做分隔符、墨色渐变呈现的书法风面包屑。

适合文化平台、艺术画廊和文艺编辑页面。

Linear 圆点面包屑

以小圆点分隔、层级柔和的产品风格面包屑。

适合 SaaS 产品、项目工具和开发者平台。

哥特纹饰面包屑

深色背景配纹饰分隔符和哥特字体点缀的面包屑。

适合深色主题网站、奢侈品牌和杂志编辑页。

液态玻璃手风琴

半透明磨砂面板，带玻璃折射边缘和柔和模糊效果。

适合高端落地页、创意作品集和现代产品网站。

HUD 读数手风琴

科幻数据面板风格，带扫描线边框和终端绿色点缀。

适合科技仪表盘、监控工具和数据密集界面。

新艺术流线手风琴

带藤蔓般边框和大地暖色调的有机流线手风琴。

适合精品店、健康品牌和手工艺产品页面。

波普艺术手风琴

高对比漫画面板，粗描边配半调网点纹理。

适合创意机构、年轻品牌和趣味营销页面。

全息光泽标签页

带彩虹渐变和棱镜光泽激活态的全息标签页。

适合创意展示、NFT 画廊和未来感产品页。

8-Bit 像素标签页

复古像素标签页，阶梯边框配游戏 UI 配色。

适合游戏界面、复古主题应用和趣味开发工具。

北欧暖调标签页

圆润造型和自然色系的温暖北欧风标签页。

适合生活方式品牌、家居网站和健康平台。

暗色学院标签页

衬线字体点缀、哑金色调和羊皮纸质感的学院风标签页。

适合教育平台、图书馆工具和学术出版页面。

霓虹东京分页

深色背景上带电光边框的霓虹分页控件。

适合暗色模式应用、游戏平台和娱乐仪表盘。

Riso 印刷分页

带颗粒纹理和叠印专色的印刷感分页控件。

适合独立出版物、Zine 风格网站和创意作品集。

清新柔和分页

大量留白配柔和色彩的清新分页控件。

适合生活博客、菜谱网站和柔和风格电商。

简洁商务分页

面向电商场景的简洁分页，操作引导清晰，产品质感。

适合在线商店、产品目录和商城列表页。

太阳朋克生态侧栏

绿色调侧栏，有机装饰元素配可持续色系。

适合可持续平台、绿色科技和环境监测仪表盘。

开发者侧栏

等宽字体点缀、紧凑间距和代码感层级的开发者侧栏。

适合开发工具、代码平台和文档网站。

蒸汽朋克仪表侧栏

黄铜色调侧栏，铆钉边框配机械仪表质感。

适合主题体验、游戏仪表盘和复古工业风工具。

黑色电影侧栏

强对比侧栏，戏剧性阴影配黑白灰色系。

适合摄影作品集、电影感网站和高端暗色主题。