DESIGN SYSTEM

孟菲斯设计规范

粗黑边框、硬偏移阴影、8px 圆角、高饱和色块与超粗标题。这一页把站内使用的视觉语言集中展示,便于后续扩展时保持一致。

COLOR

色彩

主色 #111111 · 背景 #FFF9EE

Memphis Pink#FF71CE
Memphis Yellow#FFCE5C
Memphis Teal#86CCCA
Memphis Purple#6A7BB4
Ink#111111
Paper#FFF9EE

TYPE

字体层级

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 焦点环

输入框在移动端高度不低于 48px。

SHAPE

圆角、边框与阴影

RADIUS

8px

全站统一圆角,不随组件随意更改。

BORDER

3px solid

粗黑边框是孟菲斯风格的核心指纹。

SHADOW

8px 8px 0

硬偏移阴影,不使用模糊阴影。

SPACING

8px

间距遵循 8px 模数,形成稳定节奏。