Tables and charts.

• A real table. A table with header cells, never a grid of divs, and never a picture of one: a screenshot of a table in a ported post is rebuilt as a table.
• Header in annotation type. Mono, uppercase, 10 to 11px, faint, over a rule.
• Rules, not fills. Hairlines between rows and, where the columns need it, between columns. No zebra stripes, no shaded cells, no shadow.
• Identifiers in mono. Sheet numbers, part numbers and revisions in Plex Mono with tabular figures; titles and labels in Switzer.
• One column may carry the redline. The comparison’s Drafter column is the only colored thing in its table.
• It scrolls on a phone. A table that does not fit scrolls inside its own box. It does not drop the columns that make it the document it is.

• Drawing list. The flagship artifact on the industry pages: sheet, part number, title, revision and standard, in the order a release package prints them, with a footer saying the rest continue. The part numbers are made up and the table says it is illustrative.
• Comparison. On /product-features: three ways a team gets production drawings, checked or crossed. The other columns get a check where it is true (outsourcing does free your engineers; in-house does keep your data), because a comparison where only one column ever scores is not believed.
• Revision record. On /drafter-for-defense: a drawing’s revision block filling in as the model is revised and run again. A program office audits a record, so the page shows one.
• Reference. In a post, a chart from a standard or a handbook, rebuilt as a table so it reads on a phone and can be searched, with its figure number and caption.

A calculator shows its arithmetic. The savings calculator’s Show the math is a table of every line with the reader’s own numbers in it: today, with Drafter, and the difference, with each source footnoted in the order it is first cited and each estimate labeled as one. See it on /savings-calculator.

• A chart only when the shape matters. A single figure is a number in type, not a chart.
• One color family. The redline and its warm neighbors, so the page keeps its one hue. The savings donut is redline, a burnt orange (#8a3a10) and an amber (#dba550), checked with a color-vision validator against paper.
• Color is never the only label. Every slice has its name and value in the key beside it.
• Chart and key are linked. Pointing at a slice lights its row and fades the rest, and each row’s term defines itself on hover, focus or a tap.
• Proof is drawn as instruments. The homepage’s four figures draw themselves in the site’s linework rather than sitting as big numbers. See Proof.

• Digits and units. 41 minutes, 18 sheets, ±.005. The unit goes in the cell or in the column’s header, never nowhere.
• Tabular figures wherever numbers line up in a column or change in place.
• No false precision. Results the reader’s inputs drive are rounded to two significant figures. An estimate is shown as an estimate, and kept out of the headline number.
• Say where a number comes from. A customer’s figure is credited to the customer, a study’s to the study, and Drafter’s own working figures are called that.