Design language comparison
Notion vs Slash
Both Notion and Slash commit to a both-canvas approach, and they pair different display families (NotionInter vs __Inter_f367f3). Beyond surface, motion levels are both expressive.
Palette · side by side
Up to 8 dominant swatches eachSide A · both
Notion
Full Page
#000000
foreground
#f6f5f4
background
#31302e
foreground
#a39e98
foreground
#0075de
accent
#615d59
foreground
#62aef0
accent
#f64932
accent
Side B · both
Slash
Full Page
#ffffff
background
#e2e3e9
foreground
#000000
foreground
#9194a1
foreground
#777a88
foreground
#1c1d22
foreground
#5e616e
background
#cc9166
accent
Typography · side by side
Primary family + weight ladder + sampleSide A · both
Notion
Full Page
- Display
- NotionInter
- Body
- NotionInter
- Weights
- 400 · 500 · 600 · 700
Sample
The quick brown fox jumps over the lazy dog.
1234567890 — Body sample renders in the captured family if your browser has it; otherwise system fallback signals the weight ladder.
Side B · both
Slash
Full Page
- Display
- __Inter_f367f3
- Body
- __ivyPresto_6eafe2
- Weights
- 300 · 400 · 500 · 600
Sample
The quick brown fox jumps over the lazy dog.
1234567890 — Body sample renders in the captured family if your browser has it; otherwise system fallback signals the weight ladder.
Spacing scale · side by side
Base unit + first 8 scale valuesSide A · both
Notion
Full Page
- Base unit
- 4 px
- Container max
- 1252 px
Side B · both
Slash
Full Page
- Base unit
- 4 px
- Container max
- 704 px
Motion vocabulary · side by side
Level + durations + easingsSide A · both
Notion
Full Page
- Level
- expressive
- Libraries
- —
Durations
Easings
Side B · both
Slash
Full Page
- Level
- expressive
- Libraries
- Framer Motion
Durations
Easings
Palette & spacing overlap
Their palettes share 5% of swatches at the dominant tier — a quiet signal both teams drew from the same neutral library before applying brand accents. Their spacing scales overlap by 83% (2, 4, 6, 8, 10 px shared) — a rhythm any agent can transfer between the two systems with minimal recalibration.
Shared swatches (1)
Curator verdict
If you are building an interface that needs to reference both, Notion's restraint reads as the safer default and Slash's rhythm provides the accent moments — pair them at section-level, not at component-level.