Order as Interface: Typesetting the Web like a Paper
A. Researcher1B. Coauthor2C. Reviewer1
1Institute of Web Typography2Department of Design Science
July 5, 2026
Abstract
We port the typographic system of academic papers to the web. Numbered sections, theorem environments, display equations, booktabs tables, and hanging-indent references give every element a unique, citable coordinate. We argue that this visible order is itself an interface: it tells readers where they are, what can be referenced, and why the content deserves trust. Two instruments from design science — the semantic differential [1] and the Kano model [4] — are typeset below as a working demonstration.
Keywords: typesetting, theorem environments, numbered equations, booktabs, scholarly interfaces
Contents
1Introduction
A paper does not decorate; it enumerates. Where a marketing page reaches for gradients, the paper reaches for a section number. Empirical work suggests that first aesthetic impressions form within 50 milliseconds [6], and the impression this style aims to give is a precise one: someone checked this. Sentences sit in a measured column, citations resolve to a numbered list, and each claim can be pointed at without ambiguity1.
1.1Type specimen
Section heading, 30 px
Subsection heading, 20 px
Body text at 15 px with relaxed leading, set in a serif that recalls Computer Modern. Emphasis is italic, never colored; strong emphasis is bold, used sparingly.
Caption and marginalia at 14 px, muted ink.
\usepackage{booktabs} % monospace for verbatim
1.2Cross-references
Blue in this document means exactly one thing: it can be followed. Theorem 1 states the coefficients tabulated in Table 1, and Figure 1 profiles this style against its temperamental opposite.
2Theorem Environments and Equations
Definition 1 (Kano categories). Let A, O, M, and I denote the number of respondents classifying a feature as Attractive, One-dimensional, Must-be, and Indifferent, respectively [4].
Theorem 1 (Better–Worse coefficients). Under Definition 1, the expected gain in satisfaction from providing a feature, and the expected loss from omitting it, are given by equations (1) and (2) [5].
Better = (A + O) / (A + O + M + I)
(1)
Worse = −(O + M) / (A + O + M + I)
(2)
Remark 1. Classifications decay over time: a television remote rated Attractive in 1983 had become Must-be by 1998. A Kano table is a snapshot, not a constitution.
3Figures
Graphics enter a paper only as numbered, captioned figures. Below, the classic profile-line presentation of the semantic differential [1] compares this style with Neo-Brutalist on eight bipolar adjective pairs, rated on a 7-point scale — the same instrument used to build product personalities in Kansei engineering [2] and to factor web aesthetics into classical and expressive dimensions [3].
Figure 1: Semantic differential profiles of the LaTeX Paper (solid ink) and Neo-Brutalist (dashed blue) styles; 8 bipolar pairs, 7-point scale, midpoint at 4.
4Tables
Tables follow the booktabs discipline: a heavy rule above and below, a thin rule beneath the header, and not a single vertical line. The caption sits above the table, as tradition demands.
Table 1: Kano classification of dashboard features with Better–Worse coefficients computed from equations (1) and (2).
| Feature | Category | Better | Worse |
|---|---|---|---|
| Load time under 1 s | Must-be (M) | 0.21 | −0.83 |
| CSV export | One-dimensional (O) | 0.64 | −0.57 |
| Dark mode | Attractive (A) | 0.72 | −0.18 |
| AI autocomplete | Indifferent (I) | 0.24 | −0.11 |
| Confetti burst | Indifferent (I) | 0.10 | −0.05 |
Note. 37% of respondents classified the confetti burst as Reverse (R) — delight is not universally delightful.
5Notation and Palette
The entire document is set with five inks. Even the palette is typeset as a table rather than painted as swatch cards.
Table 2: The five-color notation of the LaTeX Paper style.
| Symbol | Role | Value | Specimen |
|---|---|---|---|
| ink | Text, heavy rules, primary buttons | #111111 | |
| paper | The page itself | #FFFFFF | |
| href | Links and cross-references only | #0B5394 | |
| thm | Theorem environment fill | #F5F5F0 | |
| rule | Thin rules and field borders | #D4D4D0 |
6Artifacts and Correspondence
6.1Actions as paper artifacts
Buttons in this style behave like the artifacts of a publication: a solid-ink imperative, a ruled alternative, and citation-shaped links in hyperref blue.
6.2Review pipeline
6.3Correspondence
7Editorial Environments
Status messages wear the clothes of editorial apparatus: notes, verifications, cautions, and errata — each a labeled environment, never a colored pill.
Note. A revised preprint of this document is available on the repository.
Verified. All numerical results in Table 1 were reproduced by an independent reviewer.
Caution. Kano classifications are unstable below N = 200 respondents; interpret the coefficients accordingly.
Erratum. In the first printing, equation (2) omitted the negative sign. Corrected on July 5, 2026.
8Quotation
“The measurement of meaning begins the moment we admit that impressions can be placed on a scale.”
1 Precision of reference is the paper's answer to the hyperlink: it worked for three centuries before the anchor tag.
9Citing This Document
@article{stylekit2026latex,
title = {Order as Interface: Typesetting
the Web like a Paper},
author = {Researcher, A. and Coauthor, B.},
journal = {The Web Typography Letters},
volume = {12},
pages = {1--18},
year = {2026}
}References
- [1]C. E. Osgood, G. J. Suci, and P. H. Tannenbaum, The Measurement of Meaning. Urbana: University of Illinois Press, 1957.
- [2]M. Nagamachi, “Kansei engineering: A new ergonomic consumer-oriented technology for product development,” International Journal of Industrial Ergonomics, vol. 15, no. 1, pp. 3–11, 1995.
- [3]T. Lavie and N. Tractinsky, “Assessing dimensions of perceived visual aesthetics of web sites,” International Journal of Human-Computer Studies, vol. 60, no. 3, pp. 269–298, 2004.
- [4]N. Kano, N. Seraku, F. Takahashi, and S. Tsuji, “Attractive quality and must-be quality,” Journal of the Japanese Society for Quality Control, vol. 14, no. 2, pp. 147–156, 1984.
- [5]C. Berger et al., “Kano’s methods for understanding customer-defined quality,” Center for Quality Management Journal, vol. 2, no. 4, pp. 3–36, 1993.
- [6]G. Lindgaard, G. Fernandes, C. Dudek, and J. Brown, “Attention web designers: You have 50 milliseconds to make a good first impression!,” Behaviour and Information Technology, vol. 25, no. 2, pp. 115–126, 2006.
AAppendix: Style Rules
A.1 Commands
- +Serif throughout; headings tracked tight
- +Number sections 1 / 1.1 / 1.2, equations (n), figures and tables
- +Abstract as a narrow, centered, indented block
- +Theorem boxes: bold label, italic body, light fill or left rule
- +booktabs tables: heavy top and bottom rules, thin midrule
- +References with hanging indents and [n] labels
- +Blue #0B5394 exclusively for links and cross-references
A.2 Prohibitions
- −Vertical rules or zebra stripes in tables
- −Colorful buttons, gradients, brand palettes
- −Sans-serif body text
- −Rounded corners of any radius
- −Shadows; paper is flat
- −Decorative graphics outside numbered figures