Cal.com
saas · productivity · Light
cal.comPalette
- #000000
- foreground
- #242424
- foreground
- #898989
- background
- #ffffff
- background
- #0000ee
- accent
Typography
Cal Sans UI Variable Lightsans-serif
Cal.com vs Linear
Two references, one frame. Palette, typography and the curator verdict for Cal.com and Linear, read side by side.
Palette & spacing overlap
Palette
Shared (1)
#000000
Cal.com only
#242424#898989#ffffff#0000ee#e0e0e0#e5e7eb#374151#9ca3af#7826b1#e9ddfd#882c2f#d85b5f#f8d7d8#d6ecfe
Linear only
#f7f8f8#62666d#d0d6e0#8a8f98#f79ce0#55cdff#ffc47c#00ff05#8fa4ff#89d196#0f1011#23252a#ff0000#6366f1#02b8cc#5e6ad2#383b3f#eb5757#8b5cf6
Spacing scale (px)
Shared (8)
2px4px6px8px10px12px16px24px
Cal.com only
20px28px32px40px
Linear only
14px19px22px26px
Linear
saas · productivity · Dark
linear.appPalette
- #f7f8f8
- background
- #62666d
- foreground
- #d0d6e0
- foreground
- #8a8f98
- foreground
- #f79ce0
- accent
Typography
Inter VariableBerkeley MonoGeometric sans
Typography
Side A · Light
Cal.com
- Display
- Cal Sans UI Variable Light
- Body
- sans-serif
Weight ladder
300
Side B · Dark
Linear
- Display
- Inter Variable
- Body
- Berkeley Mono
- Mono
- Berkeley Mono
Weight ladder
400510590
Spacing scale
Side A · Light
Cal.com
- Base unit
- 4 px
- Container
- 1280 px
2px
4px
6px
8px
10px
12px
16px
20px
Side B · Dark
Linear
- Base unit
- 4 px
- Container
- 1436 px
2px
4px
6px
8px
10px
12px
14px
16px
Motion vocabulary
Side A · Light
Cal.com
- Level
- moderate
- Libraries
- Framer Motion
Durations
0.2s
Easings
ease-outease
Side B · Dark
Linear
- Level
- expressive
- Libraries
- -
Durations
0.16s0.4s1.6s2.8s3.2s
Easings
cubic-bezier(0.25, 0.46, ...cubic-bezier(0.66, 0, 0, 1)ease-outease