21n

白色基底、渐变展示与细线分隔。

页面以白色为基底，搭配深灰色文字。字体采用 Sen。视觉特点包括渐变展示、细线分隔、扁平表面、居中构图。适合参考的场景：效率工具官网、协作产品介绍页。

查看原始网站

使用规范

建议采用

仅使用 #333333（炭黑）作为唯一填充按钮变体——绝不为主要操作引入彩色填充
所有边框设置为 1px 实线 #e5e7eb（银色）——细线结构是系统的首要分隔方式
为胶囊按钮和标签使用 9999px 圆角，卡片和表面使用 12px，内联链接使用 6px
将 #24b26d（翡翠脉冲）和 #2c70dd（钴信号）保留用于图标、链接状态和小型功能点缀——绝不作为表面填充或大面积背景块
严格遵循字体层级：13/15/16/17/19/22/36/44/56——56px的显示字号跃升是系统的标志性尺度特征
使用 #f9f9fb（雾）和 #eff0f6（薄雾）进行表面分层，替代阴影以暗示深度
保持元素间距为 8px，区块间距为 80-100px，以维持图谱级的呼吸感

建议避免

禁止引入投影阴影、发光或模糊效果——系统刻意保持扁平
禁止在按钮、卡片或背景上使用渐变——配色为纯实色
禁止将 #2c70dd 或 #24b26d 称为 CTA 或主要操作色——它们仅为强调色
禁止为任何按钮添加彩色背景填充——炭黑 #333 是唯一的填充按钮颜色
禁止对 Sen 字体调整字间距——该字体在所有尺寸下均自带正常字间距
禁止将 #545454（石墨）用于正文——仅保留用于次要元数据和按钮边框；正文始终使用 #333
禁止引入第二套显示字体——Sen 从13px 图注到56px 展示字号全程使用，无任何替代

正在读取模板权限…

使用指南

# 21n — Style Reference
> Open atlas under pale daylight — a spacious, light-mode canvas where knowledge tools feel weightless against a single charcoal anchor.
 
**Theme:** light
 
Source measurements are normalized; roles and recommendations are interpreted. Font summary lists are independent, not paired by position. HTML examples are reconstructions, not source components.
 
Memotron is a whisper-quiet, light-mode knowledge workspace built on a near-monochrome neutral stack — pure white canvas, cool off-white surfaces, and a single hairline border gray carry the entire visual system. The only filled button variant is charcoal-dark, which makes the single primary action feel weighty and deliberate against an otherwise weightless interface. Two accent hues (vivid green and vivid blue) appear only as functional punctuation — icons, link states, decorative strokes — never as backgrounds or large fills. Typography is humanist (Sen) with a dramatic scale jump to 56px display, giving headlines atlas-scale presence. The system is flat and border-driven: 12.5px surfaces and #e5e7eb hairlines create structure, with zero shadows or gradients.

21n

使用规范

建议采用

建议避免

相似设计语言

pampam.city

Cap

Superlist

Amie

Notion

Gleap