doc-kami-parchment
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
Chinese【模板: Kami 羊皮纸文档】
【意图】严肃排版文档: one-pager / 长报告 / 信函 / 简历 / 财报 / changelog / portfolio。Inspired by tw93/kami。强调"写得像被排过版的纸", 不是 dashboard, 不是网页。
【硬性视觉签名 — 不许改】
- 画布: 暖羊皮纸 (永远不用纯白
#f5f4ed)。次级背景#fff。#efeee5 - 墨色: 主文字 (近黑暖灰, 不用纯黑
#1f1d18)。次文字#000。#6b665b - 唯一色彩: 墨蓝 ——所有 accent (链接、tag 描边、重点数字、引用左 rule) 只能用这一个色, 严禁多色。
#1B365D - 字体: 一种语言一种衬线, 全文不混用:
- 英文: (fallback:
Charter,Source Serif Pro)Iowan Old Style - 中文: (fallback:
TsangerJinKai02 W04)Noto Serif SC - 日文: (fallback:
YuMincho)Noto Serif JP - Body 400, Heading 500 (不要 700/800/900)。
- 英文:
- 行高: 标题 1.1–1.3, 紧凑正文 1.4–1.45, 阅读型正文 1.5–1.55。
- 绝不: drop-shadow / blur / 圆角 ≥ 8px / 渐变 / 霓虹色 / rgba (用 solid hex)。
- 细节: tag 用 solid hex 背景方块 (因为 WeasyPrint 不渲染 rgba 好); 单线几何 icon; 边缘 1px hairline rule, 长度受控不到边。
#d4d1c5
【可选文档类型 — 按用户内容判断】
- One-Pager — 顶 logotype (Charter italic) + 标题 + lede + 3 列要点 + 底脚 metadata。
- Long Doc — 封面页 (大标题 + 副标 + 作者 + 日期) → 目录 (kicker + page no.) → 章节 (folio 顶角 + section rule + body) → 注释脚注 + 文末 colophon。
- Letter — 抬头地址 + 日期 + 收件人 + 正文 (左对齐, 段间空 1.5em) + 署名 + 签名占位线。
- Portfolio — 项目 hero (大标题 + sub) + 1 张全幅图 (用 CSS 块绘制占位) + 项目描述 + 角色 / 时间 / stack 元数据 row。
- Resume — 顶部姓名 (大字) + tagline 一行 + contact row + 主要 section: experience (公司 / 时间 / 职位 / bullets) + skills + education。
- Slides — keynote 风, 页数由【用户内容】决定 (短内容 6 页起步, 长内容应更多), 每页满铺羊皮纸, 大标题 + lede + 角标 page no., 简洁到只有"被印出来"的感觉。
- Equity Report — 公司名 + ticker + Q × 年份 + key metrics row (revenue / margin / yoy) + body 分析 + 图表 (SVG 单色折线)。
- Changelog — 版本号 (Charter italic 大字) + 日期 + 改动列表 (Added / Changed / Fixed), 单 rule 分隔。
【设计准则】
- "Composed pages, not dashboards." 不要堆 KPI 卡, 不要堆 emoji 图标, 不要 hero gradient。
- "Ring or whisper only, no hard drop shadows." 阴影只能是 这种 hairline 描边。
0 0 0 1px #d4d1c5 - 文字层级靠衬线对比 + 字号 + 留白, 不靠颜色。
- 单文件 HTML, 用 Tailwind CDN; 全文中英混排时加盘古之白; 不要外链图片, 占位用 paper-tint 色块 + 1px ink 描边。
【Template: Kami Parchment Document】
【Purpose】Serious typesetting documents: one-pager / long report / letter / resume / equity report / changelog / portfolio. Inspired by tw93/kami. Emphasizes "written like typeset paper", not a dashboard, not a webpage.
【Non-negotiable Visual Signature — Do Not Modify】
- Canvas: Warm parchment (never use pure white
#f5f4ed). Secondary background#fff.#efeee5 - Ink Colors: Primary text (near-black warm gray, never use pure black
#1f1d18). Secondary text#000.#6b665b - Exclusive Accent Color: Ink-blue — all accents (links, tag strokes, key numbers, left rule for blockquotes) can only use this single color; multiple colors are strictly prohibited.
#1B365D - Fonts: One serif font per language, no mixing throughout the document:
- English: (fallback:
Charter,Source Serif Pro)Iowan Old Style - Chinese: (fallback:
TsangerJinKai02 W04)Noto Serif SC - Japanese: (fallback:
YuMincho)Noto Serif JP - Body weight 400, Heading weight 500 (avoid 700/800/900).
- English:
- Line Height: Headings 1.1–1.3, compact body text 1.4–1.45, reading-friendly body text 1.5–1.55.
- Strictly Forbidden: drop-shadow / blur / rounded corners ≥ 8px / gradients / neon colors / rgba (use solid hex values instead).
- Details: Tags use solid hex background squares (since WeasyPrint does not render rgba well); single-line geometric icons; 1px hairline rule at edges, with controlled length not extending to the borders.
#d4d1c5
【Optional Document Types — Determine Based on User Content】
- One-Pager — Top logotype (Charter italic) + heading + lede + 3-column key points + footer metadata.
- Long Doc — Cover page (large heading + subheading + author + date) → Table of Contents (kicker + page no.) → Chapters (folio at top corner + section rule + body) → Footnotes + end-of-document colophon.
- Letter — Header address + date + recipient + body text (left-aligned, 1.5em spacing between paragraphs) + signature + signature placeholder line.
- Portfolio — Project hero (large heading + subheading) + 1 full-width image (use CSS block for placeholder) + project description + metadata row for role / timeline / stack.
- Resume — Top name (large font) + one-line tagline + contact row + main sections: experience (company / timeline / position / bullet points) + skills + education.
- Slides — Keynote-style, number of pages determined by [User Content] (start with 6 pages for short content, more for long content), each page fully covered with parchment, large heading + lede + corner page number, minimalistic to the point of looking "printed".
- Equity Report — Company name + ticker + Q×Year + key metrics row (revenue / margin / yoy) + body analysis + charts (SVG monochrome line charts).
- Changelog — Version number (large Charter italic font) + date + change list (Added / Changed / Fixed), separated by a single rule.
【Design Principles】
- "Composed pages, not dashboards." Do not stack KPI cards, do not stack emoji icons, do not use hero gradients.
- "Ring or whisper only, no hard drop shadows." Shadows can only be hairline strokes like .
0 0 0 1px #d4d1c5 - Text hierarchy relies on serif contrast + font size + white space, not color.
- Single-file HTML using Tailwind CDN; add Pangu spacing for mixed Chinese-English text; do not use external images, use paper-tint color blocks + 1px ink stroke for placeholders.