Design Style Collection
Every style includes complete documentation, component templates, and AI rules for quick integration.
Tip: press / to focus search, and Esc to clear.
Active filters: Scenario: Dashboard
14 results
灵感源于日式便当盒的不规则网格布局,通过大小不一的卡片组合创造视觉层次,常用于作品集和产品展示。
专业简洁的企业风格,强调可读性、一致性和信任感。适合B2B SaaS、企业官网、后台管理系统。
Pinterest 风格的不等高卡片瀑布流布局,通过 CSS columns 或 masonry grid 实现自然流动的视觉效果,适合图片展示、作品集、社交媒体。
垂直时间轴布局,通过连接线串联时间节点,适合展示历史进程、项目里程碑、工作经历、流程步骤。
卡片前后重叠的立体布局,通过 Z 轴层叠和偏移创造深度感,适合轮播、步骤展示、卡组选择。
固定位置的侧边导航栏与可滚动主内容区的应用布局,适合后台管理、文档站点、仪表盘、SaaS 应用。
Google 推出的设计系统,基于纸张和墨水的隐喻,强调层次、动效、大胆色彩和响应式交互,是现代移动端设计的标准。
微软推出的设计系统,融合了光效、深度、动效、材质和缩放五大元素,打造自然直观的跨平台体验。
数据驱动的仪表盘布局,包含侧边导航、顶部工具栏、多模块数据面板和图表区域,适合后台管理系统、数据分析平台和监控面板。
维多利亚时代与工业机械的复古未来主义融合,黄铜齿轮、蒸汽管道、皮革质感和精密仪表盘的美学。
打破传统对称网格的布局方式,通过不规则的列宽、重叠元素和视觉张力创造动态有趣的页面结构。
通过固定背景和滚动内容创造深度视差效果的沉浸式布局,每个全屏区块都有独立的背景层。
温暖柔和的仪表盘设计风格,采用珊瑚/赤陶色背景、奶油白卡片、柔和阴影,营造舒适专业的数据展示体验。
高密度后台管理面板风格,紧凑间距与小尺寸组件,优先展示数据表格与操作效率。