Cal

Minimalist scheduling tool with monochrome black-and-white UI accented by a single vivid blue for links and icons.

The better way to schedule your meetings

Build on these tokens

Download the file and seed any AI tool — or install it into a real Next.js project so every generated page shares this palette, type, and shape.

Download cal.mdthen, in your project:

$ npm i -g @getcoherent/cli
$ coherent import design cal.md

Colour

#0000ee

brand · icon text

#f4f4f4

background · body background

#242424

text · h1 text

#292929

text · p text

#ffffff

text · select background

#000000

neutral · body text

Typography

Families: sans-serif · Times · Cal Sans · Cal Sans UI Variable Light

display64pxw600/70.4px

h148pxw600/52.8px

h224pxw600/31.2px

h320pxw600/20px

h418pxw300/23.4px

h516pxw300/24px

body14pxw300/19.6px

small12pxw400/normal

Spacing

10px12px24px

Radius

0px

2px

4px

6px

7px

8px

10px

12px

16px

29px

40px

100px

Elevation

rgba(0, 0, 0, 0.15) 0px 4px 12px 0px

rgba(255, 255, 255, 0.15) 0px 2px 0px 0px inset

rgba(36, 36, 36, 0.7) 0px 1px 5px -4px, rgba(36, 36, 36, 0.05) 0px 4px 8px 0px

rgba(34, 42, 53, 0.05) 0px 4px 8px 0px

rgb(255, 255, 255) 0px 2px 0px 0px inset

rgba(0, 0, 0, 0) 0px 1px 3px 0px, rgba(0, 0, 0, 0) 0px 0px 2px 0px

rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 0px 2px 0px

rgba(0, 0, 0, 0.1) 0px 0.693878px 2.08163px 0px, rgba(0, 0, 0, 0.06) 0px 0px 1.38776px 0px

rgba(19, 19, 22, 0.7) 0px 1px 5px -4px, rgba(34, 42, 53, 0.1) 0px 0px 0px 1px, rgba(34, 42, 53, 0.05) 0px 4px 8px 0px

rgba(0, 0, 0, 0.16) 0px 1px 1.9px 0px inset

rgba(19, 19, 22, 0.7) 0px 1px 5px -4px, rgba(34, 42, 53, 0.08) 0px 0px 0px 1px, rgba(34, 42, 53, 0.05) 0px 4px 8px 0px

Gradients

linearlinear-gradient(rgb(41, 41, 41) 0%, rgb(36, 36, 36) 100%)

linearlinear-gradient(rgb(247, 247, 248) 0%, rgb(234, 234, 235) 100%)

linearlinear-gradient(rgb(252, 252, 252) 0%, rgb(255, 255, 255) 100%)

radialradial-gradient(50% 50%, rgba(255, 255, 255, 0) 87.1499%, rgb(255, 255, 255) 100%)

Borders

1px solid #767676

Surfaces

#f4f4f4

page

Layout

Breakpoints

md · 640pxlg · 809pxxl · 1199px

Container widths

100%

z-index ladder

01234599999

Extracted from live CSS by Coherent (light mode). Numeric fields reflect the site at capture time; roles and the summary are inferred. Tokens and prose only — a description, not a copy.

Save cal.md to your device

Open it on your desktop to run the CLI.