tags

#style #inherited

description

Quiet: flat warm greys, hairline borders, one calm blue accent, medium-weight headings. The look of the designer's mockups.

stylesheet-quiet1¶✎ edit

Flat warm greys with hairline borders and one calm blue accent; headings in a medium weight, the device's own fonts throughout. No shadows, no gradients. The look of the designer's mockups (designer-35, 2026-10-05).

--paper: #faf9f5
--card: #ffffff
--ink: #1f1e1d
--soft: #6b6a66
--line: #e6e3da
--indigo: #2f6fd0
--indigo-bg: #e8f0fb
--slate: #6b6a66
--slate-bg: #f2f0ea
--sun: #b7791f
--sun-bg: #faefd9
--leaf: #3b7a2e
--rose: #b8403f
--rose-bg: #fbeaea
--god: #6b4bb8
--god-bg: #efeafb
--admin: #1f7a8c
--admin-bg: #e3f2f5
--attn: #5b7fd6
--display: system-ui,-apple-system,'Segoe UI',sans-serif
--body: system-ui,-apple-system,'Segoe UI',sans-serif
--mono: ui-monospace,Menlo,Consolas,monospace

--paper: #1f1e1d
--card: #2a2927
--ink: #f2f0ea
--soft: #a6a39b
--line: #3a3936
--indigo: #79a8f2
--indigo-bg: #1d2a3d
--slate: #a6a39b
--slate-bg: #262523
--sun: #e3b35c
--sun-bg: #2f2716
--leaf: #8cc277
--rose: #ef8e8c
--rose-bg: #3a2221
--god: #b9a2f2
--god-bg: #29233a
--admin: #6cc3d5
--admin-bg: #17292d
--attn: #8fa8f0

The rules¶✎ edit

Only what makes it quiet, on top of the shared rules.

h1,h2,h3,h4,.wcard b{font-weight:500}
.card,.wcard,.box,.row,details,table{border-width:.5px}
.wcard,.card{border-radius:12px;box-shadow:none}
.wcard:hover{transform:none;border-color:var(--soft)}
.btn,button{border-radius:8px;box-shadow:none}
mark{background:var(--sun-bg);color:inherit;border-radius:3px;padding:0 2px}