Analog
Effects
The “analog atmosphere” layer: a fixed, full-viewport grain texture painted over every page with zero markup (html::after), plus a subtle ink-bleed text-shadow for text inside .prose/.ink/.note containers. Grain intensity and blend mode swap automatically in dark mode.
| Name | Description |
|---|---|
.grain |
Applies grain overlay to a specific subtree container. |
--effect-grain |
Coarse noise texture SVG filter data URI used by page-wide overlay. |
--effect-noise |
Fine noise texture SVG filter data URI for high-density grain. |
--effect-opacity |
Overlay opacity (0.15 in light mode, 0.05 in dark mode). |
--effect-blend-mode |
Overlay blend mode (multiply in light mode, screen in dark). |
--effect-ink |
Subtle ink-bleed text-shadow applied to typography. |
.ink |
Container applying organic ink-bleed text-shadows to descendants. |
.note |
Note container applying ink-bleed text-shadows to content. |
All classes
Other
| Class | Declares |
|---|---|
.prose *, .ink *, .note * |
text-shadow: var(--effect-ink) |