STYLE NAVIGATION

维权产品主页 · 风格导航

13 个版本(1 个默认基准版 + 12 个风格变体)。点击卡片打开该风格的 index.html,点击「风格说明」查看对应 README。

基准版

原始设计
默认版 · 主张网基准

珊瑚红 × 海军蓝 × 米白基准设计,大留白、呼吸感、整洁无杂。

打开预览

风格变体 · 第一批

5 种
粗野工业风浅色

瑞士印刷 × 军事终端美学:硬阴影、墨黑边框、警示红强调。

打开预览风格说明
动效大片风深色

GSAP 滚动叙事电影感:深色底、金色强调、Hero 大片摄影。

打开预览风格说明
极简编辑风浅色

暖白纸面衬线编辑排版:Newsreader 标题、细线分隔、克制赭色。

打开预览风格说明
现代工作室风浅色

明亮可信的咨询工作室:非对称视觉面板、弹簧物理动效。

打开预览风格说明
高端代理风浅色

奶油 × 浓缩棕高端代理质感:Playfair 衬线、双斜面卡片。

打开预览风格说明

风格变体 · 第二批

7 种
玻璃拟态风浅色

磨砂玻璃卡片:多彩光斑渐变底、blur 高斯模糊、电蓝强调。

打开预览风格说明
Bento 瓷贴风浅色

Apple 式混合尺寸瓷砖网格:银底白瓷、圆角 24px、单一蓝强调。

打开预览风格说明
暗黑科技风深色

终端绿深色模式:等宽字体、状态灯、打字机效果、扫描线背景。

打开预览风格说明
极光渐变风深色

星云光斑缓慢漂移:渐变文字标题、玻璃卡片、柔和流动氛围。

打开预览风格说明
动感字体风浅色

超大 900 字重排版主角:逐词入场、走马灯、描边/实心交替。

打开预览风格说明
液态玻璃风浅色

Apple 液态玻璃网页近似:胶囊导航、折射高光、流动光斑。

打开预览风格说明
图像叙事风浅色

大幅摄影做构图主角:衬线标题、深绿单强调、编辑部式排版。

打开预览风格说明