diff --git a/notes/helloshop/design.md b/notes/helloshop/design.md
index ab5b6f0..9455894 100644
--- a/notes/helloshop/design.md
+++ b/notes/helloshop/design.md
@@ -56,17 +56,18 @@ https://github.com/ant-design-blazor/ant-design-blazor
 https://github.com/radzenhq/radzen-blazor
 
 
-## 选择组件
-
-风格统一、易用性、可定制性、性能优化、文档完善、社区活跃、维护更新、商业授权等因素都会影响组件库的选择。
-
-
 ## 原型工具
 
 MasterGo 和 Figma 是两个常用的原型工具，可以用来设计和制作用户界面原型，提供了丰富的组件库和交互效果，可以帮助设计师快速制作用户界面原型。
 
+## 选择组件
+
+风格统一、易用性、可定制性、性能优化、文档完善、社区活跃、维护更新、商业授权等因素都会影响组件库的选择。
 
 ## 互补色
 
 互补色是指在色彩环中相对位置相反的两种颜色，当两种互补色放在一起时，会产生强烈的对比效果，使得两种颜色更加突出。互补色的组合通常会产生视觉冲击，因此在设计中需要谨慎使用，浏览器开发者工具监测对比度，以确保用户体验。
 
+## 应用案例
+
+Aspire 的仪表盘设计是基于 Material Design 的，采用了扁平化设计风格，简洁、直观、易用，提高了用户体验。
\ No newline at end of file