design-theme-other-styles

冷门视觉风格一行速查 — glassmorphism / neumorphism / neo-brutalism / minimalism / claymorphism 的本质、何时用、一条 CSS 线索。Use when 用户指定上述风格 / 快速判断某风格适不适合 / 需要导向风格大全时。

玻璃拟态glassmorphism新拟物neumorphism粗野主义brutalism极简minimalism黏土claymorphism

paths

Other Styles · 冷门风格速查

三套主力风格之外的常见选项。每条给本质 + 何时用/不用 + 一条 CSS 线索；要深入或浏览更多风格转外部 ui-ux-pro-max。

Glassmorphism · 玻璃拟态

本质：彩色背景上的磨砂半透明面板。
用：hero / 浮层焦点；仅单个焦点层，勿层层叠（GPU 负担 + 对比度风险）。
CSS：background: rgba(255,255,255,.15); backdrop-filter: blur(10px);（带 -webkit-）+ border: 1px solid rgba(255,255,255,.3)。

本质：反精致、块面、高对比；粗黑边 + 硬偏移阴影。
用：个性/创意/活动页；不用于信任/奢侈/政务。
CSS：border: 3px solid #000; box-shadow: 4px 4px 0 #000;（零模糊），2-3 饱和色，避免黄底青字这类低对比。

本质：胖嘟嘟 3D 黏土，大圆角 + 外阴影 + 内高光。
用：儿童/教育/趣味；可放对比背景上（不像 neumorphism 限同色）。
CSS：border-radius: 32px; box-shadow: 0 12px 24px rgba(0,0,0,.15), inset 0 -6px 10px rgba(0,0,0,.1), inset 0 6px 10px rgba(255,255,255,.6);