NEO
BRUTALISM V4
新粗野主义 —— 米白报纸底、高饱和撞色、2~3px 纯黑粗描边、无模糊硬阴影。所有可交互元素都有「按压感」:hover 平移压缩阴影,active 阴影归零。
配色 Colors
高饱和撞色 + 报纸中性色四种高饱和撞色做主角,米白纸底做舞台。所有元素纯黑描边,功能色即实色,不用透明浅底。
Clash Colors / 撞色
明黄 --accent#FFDC58
正红 --danger#FF6B6B
亮蓝 --accent-2#4D96FF
草绿 --success#7CFF6B
Paper & Ink / 中性色
--bg 报纸白#FFFDF5
--bg-sub#F8F1E0
--surface 卡片#FFFFFF
--ink 纯黑#111111
字体排版 Typography
Archivo Black 900 + Inter标题超粗黑(800/900)、行高收紧、字号对比强烈;正文 Inter 14px。中文自动回退系统黑体。
display / 44 大标题发现好 MOD ✱
28 / 4xl black页面大标题 Title
21 / 2xl区块标题 Section Head
14 / md 基准全局正文:面向玩家的 Mod 创作与分发社区。
monov4.0.0 · ID:100023 · 0xDEADBEEF
.tnum 等宽数字1,234,567 次下载 · 08:00:00
圆角与阴影 Radius & Shadow
0 / 4px / 胶囊 · 无模糊硬阴影0
4px
胶囊
2px 2px 0
4px 4px 0
6px 6px 0
按钮 Button
.btn · 按压感交互hover:整体平移 2px + 阴影压缩到 2px;active:平移 4px + 阴影归零,像真的把按钮按进纸里。
Variants / 变体
Sizes / 尺寸 + 图标按钮
徽章 · 标签 · 头像 Badge / Tag / Avatar
贴纸式,微旋转 -2degBadge / 徽章
默认
HOT
官方
NEW ✱
V4.0
红点
3
99+
Tag / 静态标签 + Chip / 可点筛选
精选
已上架
草稿
被退回
审核中
全部
枪械
载具
地图
皮肤
Avatar / 头像(5 档尺寸 + 方形)
M
C
匠
Mod
V4
方
表单 Form
聚焦 = 硬阴影弹出,不用光晕Input / Textarea / Select
Checkbox / Radio / Switch
大卡片用 3px 描边 + 6px 6px 0 硬阴影;hover 压到 3px,active 按到底。虚线分隔代替细实线。
.mod-card / Mod 卡片
✱
像素工坊 PixelForge
一键生成复古像素材质包,支持 16x / 32x
我的世界
⬇ 12.4k · ★ 4.9
➔
极速载具 TurboRig
30+ 可定制载具,物理引擎全面升级
泰拉瑞亚
⬇ 8.1k · ★ 4.7
★
霓虹都市 NeonCity
超大城市地图,200+ 可进入建筑
星露谷物语
⬇ 45.2k · ★ 4.8
.card / 通用卡片
通用卡片 .card 2px / 4px
通用容器:2px 描边 + 4px 硬阴影,配合 .card-pad 使用。适合设置页、面板、表单容器。
反馈 Feedback
Alert · Toast · Modal · TooltipAlert / 四种状态(实色块 + 黑字)
✔ 发布成功!你的 Mod 已进入审核队列。
⚠ 注意:封面图建议使用 16:9 比例。
✕ 上传失败:文件超过 100MB 限制。
ℹ 平台将于本周六 02:00 - 04:00 进行维护。
Toast / Modal / Tooltip 演示
data-tip
列表 List
.list · hover 黄底消息通知列表
你的 Mod「像素工坊」已通过审核
恭喜!Mod 已上架,现在可以被全站玩家搜索到。
「极速载具」收到一条新评论
玩家 @Steve:物理手感太棒了,求更新卡车!
官方公告:创作者激励计划 V2 上线
下载分成比例提升至 70%,立即查看规则。
构建包 #1024 打包完成
neon-city-v1.2.0.zip · 38.2 MB,可前往下载。