{ "contract": "aesthetary.record/1.0", "record_spec": "1.1.0", "semantics": { "vocabulary": "aesthetary.public-evidence/1.0", "definitions": "vocabulary.json" }, "slug": "utilitarian", "name": "Utilitarian", "identity": { "definition": { "state": "resolved", "text": "Browser default font, default link colours, no imagery, very fast" }, "scope": { "state": "none" }, "aliases": [ "normcore", "no-style", "default", "plain" ], "layer_verdict": { "state": "ruled", "value": "coherent_but_narrower", "ruling": "D0-1" } }, "native_medium": { "state": "resolved", "value": [ "screen" ], "ruling": null }, "research": { "line": "partly_sourced", "text": "Partly sourced", "sentence": "6 sources attached." }, "areas": [ { "area": "layout", "state": "resolved", "canon": "specified", "importance": "unknown", "posture_basis": "synthesis", "label": { "text": "Specified" } }, { "area": "typography", "state": "resolved", "canon": "specified", "importance": "unknown", "posture_basis": "synthesis", "label": { "text": "Specified" } }, { "area": "color", "state": "resolved", "canon": "specified", "importance": "unknown", "posture_basis": "synthesis", "label": { "text": "Specified" } }, { "area": "imagery", "state": "resolved", "canon": "excluded", "importance": "unknown", "posture_basis": "synthesis", "label": { "text": "Ruled out" } }, { "area": "surface", "state": "resolved", "canon": "not_canonically_specified", "importance": "unknown", "posture_basis": null, "label": { "text": "Not specified by the source" } }, { "area": "interface", "state": "resolved", "canon": "specified", "importance": "unknown", "posture_basis": null, "label": { "text": "Specified" } }, { "area": "motion", "state": "resolved", "canon": "not_canonically_specified", "importance": "unknown", "posture_basis": "synthesis", "label": { "text": "Not specified by the source" } }, { "area": "motif", "state": "resolved", "canon": "not_applicable", "importance": "unknown", "posture_basis": null, "label": { "text": "Does not apply" } }, { "area": "technique", "state": "resolved", "canon": "specified", "importance": "unknown", "posture_basis": null, "label": { "text": "Specified" } }, { "area": "form", "state": "resolved", "canon": "not_applicable", "importance": "unknown", "posture_basis": null, "label": { "text": "Does not apply" } }, { "area": "hierarchy", "state": "resolved", "canon": "specified", "importance": "unknown", "posture_basis": "synthesis", "label": { "text": "Specified" } }, { "area": "density", "state": "resolved", "canon": "not_canonically_specified", "importance": "unknown", "posture_basis": "synthesis", "label": { "text": "Not specified by the source" } } ], "claims": [ { "id": "layout-3", "text": "Composition: document flow; no imposed layout.", "role": "rule", "area": "layout", "basis": "inherited", "support": { "state": "inherited", "for": [], "against": [], "contested": false }, "label": { "kind": "catalogue", "text": "From our catalogue entry" }, "derives_from": [], "ruling": null }, { "id": "hierarchy-13", "text": "CURATORIAL: rank by document order and heading level, nothing else. The first thing is the most important thing because it is first.", "role": "rule", "area": "hierarchy", "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "color-5", "text": "Colour: default link colours; no palette.", "role": "rule", "area": "color", "basis": "inherited", "support": { "state": "inherited", "for": [], "against": [], "contested": false }, "label": { "kind": "catalogue", "text": "From our catalogue entry" }, "derives_from": [], "ruling": null }, { "id": "ut-r1", "text": "The absence of a position is the property. Defaults are left in place because styling was not undertaken, and any emphatic removal moves the artefact to Web Brutalism.", "role": "context", "area": null, "basis": "synthesis", "support": { "state": "cited", "for": [ "6GAKJ5RQ2MZH7J4M7PYR2YKENV" ], "against": [ "5A6E3R2PXKRSJMW16WF8M0CRAG" ], "contested": true }, "label": { "kind": "reading", "mark": "disputed", "text": "Our reading · disputed" }, "derives_from": [], "ruling": null }, { "id": "intent", "text": "The page exists to deliver information at the lowest possible cost to everyone involved. Nothing was styled because styling was not the job, and the absence of decisions is the absence of decisions rather than a position.", "role": "argument", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "failure-1", "text": "No webfonts, no imagery, no motion, no custom link colours, no considered spacing, no visual signature of any kind.", "role": "negative", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "failure-2", "text": "No craft that shows.", "role": "negative", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "failure-3", "text": "Against Web Brutalism: unexamined versus argued. Inherited verbatim. Against Modern SaaS: both neutral; SaaS spends to look credible, this spends nothing. Anti-signature: any evidence of deliberate choice — a considered mono, a stark border, an oversized rule — converts it to Web Brutalism, on the line this record draws. This is the easiest record in the queue to get wrong, because *trying* breaks it.", "role": "negative", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "failure-4", "text": "Not open: adding any visual decision that reads.", "role": "negative", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "intent-negation", "text": "Refuses ornament, imagery, webfonts and any weight added for the sake of appearance.", "role": "argument", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "intent-cost", "text": "Costs accepted: Distinctiveness; Brand; Any impression that someone cared", "role": "argument", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "intent-audience", "text": "Audience: A reader who came for one specific fact and will leave once they have it.", "role": "argument", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "gestalt-boundary", "text": "Against Web Brutalism: unexamined versus argued. Inherited verbatim. Against Modern SaaS: both neutral; SaaS spends to look credible, this spends nothing. Anti-signature: any evidence of deliberate choice — a considered mono, a stark border, an oversized rule — converts it to Web Brutalism, on the line this record draws. This is the easiest record in the queue to get wrong, because *trying* breaks it.", "role": "boundary", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "v1-distinguishing", "text": "Plain by default rather than plain as a statement — the distinction from Web Brutalism", "role": "diagnostic", "area": null, "basis": "inherited", "support": { "state": "inherited", "for": [], "against": [], "contested": false }, "label": { "kind": "catalogue", "text": "From our catalogue entry" }, "derives_from": [], "ruling": null }, { "id": "v1-era", "text": "Era: contemporary", "role": "context", "area": null, "basis": "inherited", "support": { "state": "inherited", "for": [], "against": [], "contested": false }, "label": { "kind": "catalogue", "text": "From our catalogue entry" }, "derives_from": [], "ruling": null }, { "id": "v1-mood", "text": "Mood: serious", "role": "context", "area": null, "basis": "inherited", "support": { "state": "inherited", "for": [], "against": [], "contested": false }, "label": { "kind": "catalogue", "text": "From our catalogue entry" }, "derives_from": [], "ruling": null }, { "id": "imagery-excluded", "text": "No imagery.", "role": "negative", "area": "imagery", "basis": "inherited", "support": { "state": "inherited", "for": [], "against": [], "contested": false }, "label": { "kind": "catalogue", "text": "From our catalogue entry" }, "derives_from": [], "ruling": null }, { "id": "surface-reason", "text": "No surface vocabulary exists.", "role": "negative", "area": "surface", "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "motion-reason", "text": "Motion costs time; the register refuses cost.", "role": "negative", "area": "motion", "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "declared-freedom", "text": "Declared freedom: content and structure.", "role": "context", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "kcc:interface-1", "text": "Form controls keep the platform's native appearance: they are typically rendered with the host operating system's native controls, which CSS cannot replicate or style.", "role": "rule", "area": "interface", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-utilitarian-S4", "kcc-utilitarian-S3" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "any page that leaves appearance at its default" }, "derives_from": [], "ruling": null }, { "id": "kcc:interface-2", "text": "Links are the browser default: blue (#0000EE) unvisited, purple (#551A8B) visited, underlined.", "role": "rule", "area": "interface", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-utilitarian-S3" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "WHATWG suggested UA stylesheet; browsers may differ" }, "derives_from": [], "ruling": null }, { "id": "kcc:interface-3", "text": "Specialist writing identifies the look by light backgrounds, black text and blue links.", "role": "diagnostic", "area": "interface", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-utilitarian-S2" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "derives_from": [], "ruling": null }, { "id": "kcc:technique-1", "text": "HTML rendered by the browser's own default style sheet, with no or negligible author styling.", "role": "rule", "area": "technique", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-utilitarian-S3" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "derives_from": [], "ruling": null }, { "id": "kcc:technique-2", "text": "In the canonical case the plainness is a by-product of early HTML/CSS limits, not a design decision.", "role": "context", "area": "technique", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-utilitarian-S1" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "Craigslist, late 1990s" }, "derives_from": [], "ruling": null }, { "id": "kcc:motif-1", "text": "The default stylesheet renders list bullets (disc); the opened sources show no ornament in the default rendering.", "role": "context", "area": "motif", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-utilitarian-S3" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "derives_from": [], "ruling": null }, { "id": "kcc:motif-2", "text": "Exemplar sites show very little excess and possibly even less style.", "role": "context", "area": "motif", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-utilitarian-S2" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "Craigslist" }, "derives_from": [], "ruling": null }, { "id": "kcc:form-1", "text": "The raw materials are HTML and, to a lesser extent, CSS.", "role": "context", "area": "form", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-utilitarian-S2" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "derives_from": [], "ruling": null }, { "id": "kcc:identity", "text": "The subject is documented: web pages whose plainness comes from browser defaults and practical intent rather than a stated position. NN/g says Craigslist's style 'wasn't an artistic choice', and Smashing notes several exemplars 'didn't set out to be brutalist'. Both specialist sources discuss it inside a wider 'brutalist web design' discourse that also contains deliberate manifestos. The record's line (unexamined versus argued) is supported, but it cuts across the specialist taxonomy rather than following it. It is coherent as a look, and narrower than the discourse it is usually filed under.", "role": "context", "area": null, "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-utilitarian-S1", "kcc-utilitarian-S2", "kcc-utilitarian-S6" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "derives_from": [], "ruling": null }, { "id": "dcc:definition", "text": "Browser default font, default link colours, no imagery, very fast", "role": "definition", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [ "kcc:technique-1", "kcc:interface-2", "kcc:identity" ], "ruling": null }, { "id": "dcc:typography-4", "text": "Typography: the browser's default font; no webfont and no declared stack.", "role": "rule", "area": "typography", "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [ "kcc:technique-1" ], "ruling": null }, { "id": "dcc:typography-block", "text": "Typography: the browser's default font; role all", "role": "rule", "area": "typography", "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [ "kcc:technique-1" ], "ruling": null }, { "id": "dcc:gestalt", "text": "The browser's own defaults left largely in place — the browser's default font, untouched link colours, default heading sizes — with no imagery, no webfont, and a page that arrives effectively instantly. The diagnostic condition is the absence of a position: nothing here is emphatic, and the plainness has no rhetoric attached to it. Web Brutalism produces a similar surface deliberately and wants you to notice; this one has not thought about it. Modern SaaS shares the neutrality but spends heavily on looking credible.", "role": "diagnostic", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [ "kcc:technique-1", "kcc:interface-2", "kcc:identity", "ut-r1" ], "ruling": null }, { "id": "dcc:v1-cross-library", "text": "Cross-library: Typography: browser default font", "role": "context", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [ "kcc:technique-1" ], "ruling": null } ], "web_translations": [], "standard_practice": [], "sources": [ { "id": "6GAKJ5RQ2MZH7J4M7PYR2YKENV", "kind": "source", "title": "Kate Moran, Brutalism and Antidesign (5 Nov 2017)", "url": "https://www.nngroup.com/articles/brutalism-antidesign/", "status": "verified", "retrieval": "retrieved" }, { "id": "5A6E3R2PXKRSJMW16WF8M0CRAG", "kind": "source", "title": "Frederick O'Brien, The Split Personality Of Brutalist Web Development (8 Jan 2020)", "url": "https://www.smashingmagazine.com/2020/01/split-personality-brutalist-web-development/", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-utilitarian-S1", "kind": "source", "title": "Brutalism and Antidesign", "url": "https://www.nngroup.com/articles/brutalism-antidesign/", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-utilitarian-S2", "kind": "source", "title": "The Split Personality Of Brutalist Web Development", "url": "https://www.smashingmagazine.com/2020/01/split-personality-brutalist-web-development/", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-utilitarian-S3", "kind": "source", "title": "HTML Living Standard, §15 Rendering", "url": "https://html.spec.whatwg.org/multipage/rendering.html", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-utilitarian-S4", "kind": "source", "title": "CSS Basic User Interface Module Level 4", "url": "https://www.w3.org/TR/css-ui-4/", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-utilitarian-S6", "kind": "source", "title": "Brutalist Web Design", "url": "https://brutalist-web.design/", "status": "verified", "retrieval": "retrieved" } ], "relations": [ { "slug": "web-brutalism", "kind": "confused_with", "status": "proposed" }, { "slug": "modern-saas", "kind": "confused_with", "status": "proposed" }, { "slug": "web-1-0", "kind": "confused_with", "status": "proposed" } ], "open": [ { "kind": "missing_research", "question": "Is 'very fast' a documented property?" } ], "aesthetary_build": { "note": "Values Aesthetary built with. Not claims about the Aesthetic.", "measured": { "note": "Read from the page's own stylesheet at build time. Values Aesthetary built with, not claims about the Aesthetic.", "slug": "utilitarian", "stylesheet": "utilitarian.css", "bytes": 874, "colours": [], "radii": [], "fontSizes": [], "faces": [], "tokens": [], "animates": false, "absent": [ "no box-shadow anywhere", "no gradient anywhere", "no rounded corner anywhere", "no text-shadow anywhere", "nothing animates" ] }, "design_grammar": { "note": "Aesthetary's translation of this record into web primitives. Every value carries a basis: \"record\" is a rule the record holds (cites names it), \"translation\" is our choice derived from the cited rules (because says how), \"not_recorded\" means the record is silent (guidance says what to do). A \"record\" value restates a claim the record holds; its standing is that claim's own kind in the record (a requirement, period practice, modern practice, or our interpretation), which the cited rule states. \"record\" does not by itself make a value a property of the language.", "slug": "utilitarian", "version": "2026-09-29", "summary": "A starting grammar for a website in Utilitarian: HTML rendered by the browser’s own default style sheet. White ground, black text, blue and purple underlined links, default heading sizes, native controls, document order. Almost every answer below is “leave it”.", "color": { "roles": [ { "role": "ground", "value": "#FFFFFF", "use": "The browser’s canvas: a light background.", "basis": "record", "cites": [ "claim:kcc:interface-3" ] }, { "role": "text", "value": "#000000", "contrast": "21:1", "use": "Black text.", "basis": "record", "cites": [ "claim:kcc:interface-3" ] }, { "role": "link", "value": "#0000EE", "contrast": "9.4:1", "use": "Unvisited links.", "basis": "record", "cites": [ "claim:kcc:interface-2" ] }, { "role": "visited", "value": "#551A8B", "contrast": "11.0:1", "use": "Visited links.", "basis": "record", "cites": [ "claim:kcc:interface-2" ] } ], "alternates": [], "rules": [ { "rule": "Default link colours; no palette.", "basis": "record", "cites": [ "token_rule:color-5" ] }, { "rule": "Links are blue (#0000EE) unvisited, purple (#551A8B) visited, underlined.", "basis": "record", "cites": [ "claim:kcc:interface-2" ] }, { "rule": "A light background, black text and blue links.", "basis": "record", "cites": [ "claim:kcc:interface-3" ] } ] }, "typography": { "family": { "stack": "initial", "class": "the browser’s default font (font-family left unset)" }, "roles": [ { "role": "h1", "size": "2em", "weight": 700, "lineHeight": "normal", "case": null, "tracking": null, "measure": null, "use": "The browser’s default h1." }, { "role": "h2", "size": "1.5em", "weight": 700, "lineHeight": "normal", "case": null, "tracking": null, "measure": null, "use": "The browser’s default h2." }, { "role": "body", "size": "1em", "weight": 400, "lineHeight": "normal", "case": null, "tracking": null, "measure": null, "use": "Everything else, at the reader’s own size." } ], "rules": [ { "rule": "The browser’s default font: leave font-family unset.", "basis": "record", "cites": [ "claim:dcc:typography-4" ] }, { "rule": "No webfont: HTML in the browser’s default style sheet, with no or negligible author styling.", "basis": "record", "cites": [ "claim:kcc:technique-1" ] } ] }, "gridLayout": { "summary": "No grid. Document flow, in source order.", "rules": [ { "rule": "Document flow; no imposed layout.", "basis": "record", "cites": [ "token_rule:layout-3" ] }, { "rule": "Rank by document order and heading level, nothing else.", "basis": "record", "cites": [ "token_rule:hierarchy-13" ] }, { "rule": "If anything is set, set only a reading width.", "basis": "translation", "cites": [ "token_rule:layout-3" ], "because": "A full-width line on a wide screen is hard to read; one max-width is the smallest decision that fixes it, and it is still a decision." } ] }, "shapeGeometry": { "tokens": { "radius": "default", "shadow": "none", "border": "default" }, "rules": [ { "rule": "No surface vocabulary exists.", "basis": "record", "cites": [ "claim:surface-reason" ] }, { "rule": "The sources do not specify surface.", "basis": "not_recorded", "cites": [], "guidance": "Add no border, radius or shadow; what the browser draws is all there is.", "silence": "source" } ] }, "imagery": { "rules": [ { "rule": "No imagery.", "basis": "record", "cites": [ "claim:imagery-excluded" ] } ] }, "components": { "button": { "name": "Button", "becomes": "The operating system’s button, untouched.", "anatomy": [ "native