DESIGN SYSTEM
孟菲斯设计规范
粗黑边框、硬偏移阴影、8px 圆角、高饱和色块与超粗标题。这一页把站内使用的视觉语言集中展示,便于后续扩展时保持一致。
COLOR
色彩
主色 #111111 · 背景 #FFF9EE
Memphis Pink
#FF71CEMemphis Yellow
#FFCE5CMemphis Teal
#86CCCAMemphis Purple
#6A7BB4Ink
#111111Paper
#FFF9EETYPE
字体层级
Archivo Black + Archivo
Hero / clamp(2rem, 5vw, 4rem)
育才报国
Section / 1.5–2rem
章节标题
Card / 18px / 700
卡片标题
Body / 16px / 400
正文使用 Archivo 400,段落最大宽度约 34em。
Label / 13px / 500
标签与小字
BUTTONS
按钮状态
hover 位移 + 阴影塌陷 · active 按压
CONTROLS
开关、徽标与标签
NEW
2026
OPEN SOURCE
WEB
类别 校园技术社团
方向 Web · 数据 · AI
适合 所有愿意动手的人
FORM
表单控件
可见 label · focus-visible 焦点环
SHAPE
圆角、边框与阴影
RADIUS
8px
全站统一圆角,不随组件随意更改。
BORDER
3px solid
粗黑边框是孟菲斯风格的核心指纹。
SHADOW
8px 8px 0
硬偏移阴影,不使用模糊阴影。
SPACING
8px
间距遵循 8px 模数,形成稳定节奏。