技能概述
html-ppt-taste-brutalist 係一個 16:9 HTML 簡報模板，採用戰術電報 / CRT 終端美學。炭灰底（#0A0A0A / #121212），白磷光 mono 字體，危險紅（#E61919）強調色，掃描線疊加，ASCII 語法裝飾。讀落像解密任務檔案，唔係 pitch deck。
提煉自 Leonxlnx/taste-skill 嘅 brutalist-skill §2.2。適合項目復盤、安全審查、基礎設施事故報告、運維流程解說呢類「我哋唔係賣嘢，我哋係報告」嘅場景。
觸發關鍵字
- brutalist、CRT terminal、tactical telemetry
- 暗色終端簡報、戰術電報、安全審查 PPT
- 項目復盤簡報、incident deck
- taste brutalist、暗炭簡報
視覺規範
色彩
| 用途 | 色值 |
|---|---|
| 背景底 | #0A0A0A / #121212（炭灰，禁用純黑） |
| 主要文字 | #EAEAEA（白磷光） |
| 次要文字 | #9A9A98 |
| 強調色 | #E61919（危險紅） |
| 可選 | #4AF626（終端綠，全篇最多一個 UI 元素） |
字體
| 用途 | 字體 |
|---|---|
| 正文 / 元信息 | JetBrains Mono / IBM Plex Mono |
| 標題 | Archivo Black / Inter Black（heavy condensed grotesque） |
標題規格：clamp(56px, 7vw, 96px)，全大寫，字距 -0.04em，行高 0.9
幾何規則
border-radius: 0— 全部直角- 可見 1px 極細線
#2A2A28 display: grid; gap: 1px渲染完美單元格- 掃描線疊加：
repeating-linear-gradientat2px / 4pxcycle，opacity ≤0.08，fixed pointer-events-none - 可選磷光噪聲：SVG-grain pseudo-element，opacity ≤
0.06
頁面裝飾
每頁頂部寄存器條帶：分類等級、幻燈片 ID、時間戳、坐標 底部條帶：序列號 + 頁碼
禁止清單
border-radius大於 0- 投影、漸變、玻璃擬態、發光
- 除炭灰、磷光、危險紅、最多一個終端綠以外嘅顏色
- 無襯線正文字體（mono 就係正文字體）
- Pitch deck 嘅「愉悅元素」：emoji、插圖、 stock 攝影、友善圖標
- 同份簡報出現亮色頁
- 非瞬間切換嘅過場
推薦頁面結構（10-14 頁）
| 頁序 | 類型 | 說明 |
|---|---|---|
| 1 | Classification Cover | 左側巨型數位或代號，標題上方遮蓋條，右側 mono 元信息欄 |
| 2 | Briefing Strip | 8 單元 mono 寄存器：任務 ID、日期、負責人、分類 |
| 3 | Numbered Objectives | 3-5 條極細線分隔論述，>>> 標記 |
| 4 | Telemetry Grid | display: grid; gap: 1px mono 鍵值單元格，紅色高亮異常 |
| 5 | Threat/Risk Register | 極細線表格，嚴重度列紅色 |
| 6 | Sequence/Timeline | 垂直 mono 列表，左側 2px 垂直線，危險標記關鍵事件 |
| 7 | Diagram/Wiring | 純 CSS 盒線示意圖，極細線矩形，ASCII 箭頭 |
| 8 | Specimen | 單一 mono 字元或單詞以視口溢出尺寸顯示 |
| 9 | Alert | 對角危險條紋塊 + 全份簡報最重要嘅句子 |
| 10 | Audit Log | 追加式 mono 條目：時間戳 + 操作者 + 事件 |
| 11 | Closing Colophon | 操作員、系統、構建、分類、簽署行 |
動畫
機械且瞬間：
- 幻燈片間瞬間切換 — 無淡入
- 可選 60ms 閃爍（
opacity: 0.85 → 1） - 封面閃爍插入號（
▌），live 狀態點單一脈衝 - 無其他動畫
使用方法
自然語言觸發
用 brutalist CRT 模板做一份安全事故復盤 PPT
暗色終端風格簡報，項目 debrief
tactical telemetry deck for infra incident
預檢清單
- 底係炭灰，前景係磷光，唯一強調色係危險紅
- 所有
border-radius為 0，全部直角 - 標題頁包含分類 + 序列號 + 時間戳 + 坐標
- 至少一個
display: grid; gap: 1px電報模組 - 掃描線疊加，opacity ≤ 0.08
- 至少一個對角危險條紋警示塊
- ASCII 語法裝飾出現至少四次
- 數字數據使用 tabular-nums + mono
- 無 emoji、曲線、漸變、投影
- 終端綠零個或一個元素，絕唔用作文本正文顏色