Extracted from AI Workshop (workshop.tingyudeco.com) — a medical AI teaching site styled as a hand-drawn lecture handout. Every container wears a 2px fine-liner ink border with asymmetric sketch radius, sitting on cream ruled paper. Fluorescent highlighters do the emphasis work, exactly like a real annotated handout.
萃取自 AI Workshop 醫療人員教學站 — 整個系統就是一份「老師手寫的講義」:36px 橫線稿紙底、四角不對稱的手繪框、螢光筆五色標記、hover 時微微旋轉像紙被抬起一角。刻意的不完美讓密集的教學內容變得不嚇人。
Color Philosophy
Ink (#111827) draws every line — borders, text, and hard offset shadows. The five highlighter colors are strictly backgrounds, never text, mirroring how real fluorescent markers work on paper. Marker Blue is the single "wet ink" accent for links and labels. The canvas is never white: cream ruled paper keeps everything warm.
墨色畫所有的線 — 框、字、硬陰影。螢光筆五色嚴格只當背景,絕不當文字色,就像真的螢光筆畫在紙上。麥克筆藍是唯一的「濕墨水」強調色。畫布永遠不是純白 — 稿紙米讓一切保持溫暖。
Typography
Caveat for headings, labels, and buttons — the handwritten first impression. LXGW WenKai TC (霞鶩文楷) carries the body text: its brush-influenced strokes keep Chinese paragraphs in the same hand-drawn world while staying readable at length (18px / 1.9 line-height). JetBrains Mono for code and hex values.
標題與標籤用 Caveat 手寫體,正文用霞鶩文楷 — 楷書筆意讓中文長文與手寫標題同屬一個世界。深度語言是「紙的堆疊」:沒有模糊陰影,只有 4px 硬陰影加微旋轉。
