Superhibasicincome

一本用于社会实验的高端编辑式杂志版面

严格的双色系统：高饱和度的电光蓝与纯白色。

transitional-serif · humanist-sans

• display56px · 400
• h148px · 400
• h232px · 400
• body21px · 400
• caption14px · 400

所有标题、副标题和重点陈述使用过渡衬线体。 · 正文、导航和小标签使用人文主义无衬线体。 · 标签使用全大写，标题使用句首大写。

主要内容区块周围留有充裕的 padding（32px），并保持一致的 24px 间距。

用于水平分割线和分隔线的 1px 实线边框。

非对称分屏布局：左侧为固定宽度、全高品牌展示面板，右侧为可滚动内容面板。

标准文本装饰过渡（0.2秒） · 装饰线条或元素的缓慢宽度过渡（1秒）

文本链接在 hover 状态下可能显示下划线或颜色变化。 · 交互元素使用标准指针光标。

• button 文本链接样式，采用实线下边框或加粗字重，无传统按钮形状。
• card 无明确的卡片组件；信息以排版列表形式呈现。
• chip 使用圆形轮廓的编号列表项（如 ①, ②）。
• input 在分析状态下无可见输入字段（申请已关闭）。
• hero 大型分屏首图，左侧蓝色面板带有圆点矩阵图形，右侧白色面板带有大型衬线体陈述。

• 语气 自信、透明且信息丰富。
• 标题风格 大型、权威的衬线体陈述，用于引入一个观点。
• 按钮文案 信息性指令（例如，'在 Twitter 上关注我们'），而非激进的销售按钮。

• 不要使用多种背景色——截图显示了纯白（#ffffff）与电光蓝（#2727e6）之间的严格分割。
• 不要使用装饰性无衬线字体作为标题——截图显示标题使用了过渡衬线体。
• 不要使用传统按钮组件——截图显示的是基于文本的号召性用语。
• 不要使用投影或3D效果——截图显示的是完全扁平的设计系统。
• 不要使用复杂的网格图案或多栏密集文本——截图显示的是聚焦的单栏内容区域。
• 不要使用广泛的字重范围——截图显示仅使用了400和500字重。
• 避免: 激进的销售语言
• 避免: 过于技术性的行话
• 避免: 明亮的辅助强调色
• 避免: 分散文本注意力的装饰性插图