Eight HTML styles with different editorial systems
A style changes more than an accent color. Each option has its own contents placement, reading width, headline scale, quotation treatment, code presentation, and table rhythm. Choose for the purpose of the document, then proof it in light, dark, or system appearance.
- Press proof
- A registered title frame and side contents for general publishing proofs and internal drafts.
- Editorial
- Oversized serif headlines, a drop cap, and pull quotes for interviews, essays, and long reads.
- Minimal
- A quiet horizontal contents bar, narrow measure, and generous space for concise notes and explainers.
- Signal night
- A dark signal panel, monospaced hierarchy, and high-contrast code areas for developer docs and changelogs.
- Academic paper
- A centered paper title, automatic section numbering, and restrained tables for research and course material.
- Technical manual
- A wide documentation canvas, prominent section bars, and dense navigation for APIs, products, and procedures.
- Newsletter
- A masthead-scale title, horizontal contents, and centered pull quotes for editorial updates and email editions.
- Data report
- A wide data canvas, compact headings, and strong table headers for comparisons, summaries, and weekly reports.