21n. A spacious, light-mode canvas where knowledge tools feel weightless against a single charcoal anchor.
- Productivity
- Light theme
- 10 colors
- 1 typeface
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 design system
Accent2
Green supporting accent for decorative details and low-frequency emphasis
Blue supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color
Neutrals8
Supporting neutral for secondary UI, dividers, and muted labels. Do not promote it to the primary CTA color
Secondary text, subdued button borders, and metadata — sits between primary text and muted gray
Supporting neutral for secondary UI, dividers, and muted labels. Do not promote it to the primary CTA color
Disabled and inactive states — lowest-priority neutral for de-emphasized text and icons
Hairline borders, dividers, and 1px structural lines — the system's primary separator color
Cool card surface — slightly bluer than fog, used for inset panels and secondary cards
First surface layer above canvas — subtle alternating sections, soft elevated cards
Primary canvas — page backgrounds, card surfaces, button text on dark fills
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Charcoal on Emerald Pulse
4.61 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7
