Your reading space

Make yourself comfortable.

Choose how this notebook looks on your device. Your preferences and pictures stay in this browser.

Loading your preferences…

Appearance

AppearanceAtmosphereAccent color#3868e8Interface scale100%Page width1200px

Reading

Reading typefaceReading text size100%Article focus modeKeep the article and outline; quiet surrounding navigation.Reading width864pxLine height1.85Paragraph spacing1.35emReading tint strength0.86

Text & contrast

Sharper ink, a quiet hierarchy, and protection when a picture competes with the words.

Contrast preset

Reading text contrastInterface text contrast

Automatic wallpaper protectionAdjust colors and supporting tints when text needs more contrast.

Minimum functional glass tint 58%Minimum reading glass tint 68%

Tint floors apply over pictures. Automatic protection may strengthen them. Your saved color choices remain available.

Advanced text colors

Choose separate colors for each appearance. Reset an override to follow the preset and accent.

Light appearance

Headings#101827

Body text#1b2433

Secondary text#3c4c63

Metadata & captions#495b74

Links#3868e8

Placeholders#495b74

Dark appearance

Headings#f1f5f9

Body text#e8edf5

Secondary text#c4cedd

Metadata & captions#adbbcf

Links#3868e8

Placeholders#adbbcf

Readability & effective colors

Picture wash: 35%. Conservative contrast estimates include bright and dark image regions.

Headings: #101827 → #101827 · 13.36:1
Body text: #1b2433 → #1b2433 · 11.73:1
Secondary text: #3c4c63 → #3c4c63 · 6.56:1
Metadata & captions: #495b74 → #495b74 · 5.21:1
Links: #3868e8 → #315aca · 4.58:1
Placeholders: #495b74 → #495b74 · 5.21:1

Picture wash: 35%. Conservative contrast estimates include bright and dark image regions.

Headings: #f1f5f9 → #f1f5f9 · 12.82:1
Body text: #e8edf5 → #e8edf5 · 11.95:1
Secondary text: #c4cedd → #c4cedd · 8.84:1
Metadata & captions: #adbbcf → #adbbcf · 7.22:1
Links: #3868e8 → #6c8fee · 4.55:1
Placeholders: #adbbcf → #adbbcf · 7.22:1

Estimates guide these surfaces; the preview shows the rendered result. System accessibility preferences take priority.

Glass & light

Glass strength0.5Glass blur16pxGlass tint0.3Glass saturation100%Panel corners23pxAmbient light0.7Reduce motionQuiet page transitions and pointer effects.Reduce transparencyUse solid surfaces for a calmer view.

Your system’s accessibility preferences always take priority.

Background picture

Background pictureChoose a pictureJPEG, PNG, WebP or AVIF, up to 20 MiB. Saved on this device.Picture positionPicture blur6pxPicture wash0.35

Live preview

A little atmosphere

A place to pause.

Good typography leaves room for an idea. Adjust the light, the texture and the pace until reading feels natural.

留一点空白，让文字与思绪自在呼吸。

Reading notes · 6 min read · Updated today

A caption should remain easy to read over a picture.

A quiet field

Clarity gives curiosity somewhere to begin.

const light = 1;
const idea = light * 1.5;

Find something to read