PATTERNS
SCANLINES
--scanlines over dark panel
CRT TEXTURE · repeating-linear-gradient · 6% alpha
Applied to hero sections and terminal panels. Never over long body text.
BOX-DRAWING HEADERS
SectionHeader component — box-drawing + mono ornament
┌─ PROJECTS SAMPLE DATA · YEAR 0 ┐
┌─ SCHEDULE 2026.10.24–25 ┐
┌─ HANDBOOK ┐
Characters: ┌─ SECTION ─────┐ — set in --font-mono, never --font-pixel.
Dividers: ── // ──. Tree lists: ├─ └─.
SLASH
45° red divider — one per view
The 45° red slash echoes the logo mark. At most one per screen.
Implemented with transform: rotate(45deg) on a positioned element.
MOTION TOKENS
--dur-* + --ease-step-* — stepped blink
drt-blink · steps(1) · 1s
steps(2) · dur-1 (100ms)
steps(4) · dur-2 (200ms)
Motion rules: --dur-1 (100ms) · --dur-2 (200ms) ·
--ease-step-2 (steps(2, end)) · --ease-step-4 (steps(4, end)).
No parallax, no soft fades, no bounce.
STRIPE-CAUTION
--stripe-caution — hazard band
--stripe-caution: repeating-linear-gradient(-45deg, --ink 0 10px, transparent 10px 20px)
CHECKER
--checker — image placeholder
IMAGE PLACEHOLDER · 8px CHECKER