# AWE job packet: tednelsonfan.com /index
Generated 2026-09-14 17:23 UTC. Everything the designer needs is in this file plus preserve.html.
## The job
Redesign the page at https://tednelsonfan.com/ to the house design bar, keeping every fact and every working link, so it reads as a page made for this subject and nobody else's. Deliver ONE self-contained HTML file to `/var/www/tednelsonfan.com/awe-preview/index.html`, then run `awe.py check tednelsonfan.com`.
## Site identity (from the live page)
- Title: Ted Nelson | Fan site for the man who named hypertext
- Description: A tribute to Ted Nelson: coiner of hypertext and hypermedia (1963), founder of Project Xanadu (1960), author of Computer Lib/Dream Machines and Literary Machines. Timeline, ideas, works, verified videos, sourced quotes.
- Site sections that exist: api, biography, faq, ideas, img, links, quotes, roadmap, sitemap, sources, videos, works
- Pages on site: 18
## What the audit found (Des estimate 75, base 70)
- No sources page; cite what the site claims.
- No form on the page; the reader has no way to act.
## Current fonts
Atkinson+Hyperlegible, Courier+Prime, Source+Serif+4
## Internal links on the page (keep every one of these working)
- Ted Nelson a fan site for the man who named hypertext (/)
- Biography (/biography/)
- Ideas (/ideas/)
- Works (/works/)
- Videos (/videos/)
- Quotes (/quotes/)
- Links (/links/)
- FAQ (/faq/)
- Biography (/biography/)
- Ideas (/ideas/)
- Works (/works/)
- Videos (/videos/)
- Quotes (/quotes/)
- Links (/links/)
- FAQ (/faq/)
- His story, year by year (/biography/)
- The ideas, explained (/ideas/)
- biography (/biography/)
- ideas pages (/ideas/)
- FAQ (/faq/)
- Editions and where to buy it (/works/)
- Intertwingularity, explained (/ideas/intertwingularity/)
- The full timeline (/biography/)
- All the quotations, with sources (/quotes/)
- biography (/biography/)
- sources (/sources/)
- All videos (/videos/)
- All questions (/faq/)
- Where every fact came from (/sources/)
- Biography (/biography/)
- Ideas (/ideas/)
- Works (/works/)
- Videos (/videos/)
- Quotes (/quotes/)
- Links (/links/)
- FAQ (/faq/)
- Sources (/sources/)
- sources page (/sources/)
- AGENTS.md (/AGENTS.md)
- llms.txt (/llms.txt)
## Blocks that must be carried over verbatim (see preserve.html)
canonical
## The page's current copy (source of truth for facts; rewrite freely, invent nothing)
Ted Nelson | Fan site for the man who named hypertext Skip to content Ted Nelson a fan site for the man who named hypertext Biography Ideas Works Videos Quotes Links FAQ Menu Biography Ideas Works Videos Quotes Links FAQ Ted Nelson presenting Project Xanadu at The Tech Museum, San Jose, February 2011. Photo: Dgies, CC BY-SA 3.0, Wikimedia Commons. Fan site, unofficial Theodor Holm Nelson, born Chicago, 17 June 1937. Coined hypertext 1963. Founded Project Xanadu 1960. He named hypertext in 1963. The Web, he says, is what he was trying to prevent. Philosopher, sociologist, filmmaker, self-publisher of the manifesto that told a generation to understand computers, and for sixty-six years the keeper of the original hypertext project. This is a tribute to the man who gave the link its name and never accepted the one-way version. His story, year by year The ideas, explained His real site: xanadu.com Who is Ted Nelson? Theodor Holm Nelson, born in Chicago on 17 June 1937, is the American information-technology pioneer, philosopher and sociologist who coined the words "hypertext" and "hypermedia" in 1963 and published them in 1965. In 1960, as a Harvard graduate student, he began Project Xanadu, the original hypertext project: a worldwide system of documents with visible, two-way connections, in which any passage can appear in any other document by reference (transclusion) while staying linked to its origin. His 1974 book Computer Lib/Dream Machines told ordinary people they could and must understand computers, and his 1981 book Literary Machines laid out the Xanadu design. He holds degrees from Swarthmore, Harvard and Keio, was made an Officier des Arts et Lettres by France in 2001, and is the son of film director Ralph Nelson and actress Celeste Holm. That is the short answer. The biography gives the year-by-year version with a source on every line, the ideas pages explain hypertext, Xanadu, transclusion and intertwingularity, and the FAQ answers the usual follow-ups. His own sites are xanadu.com and hyperland.com . 1974 · one book, two front covers Computer Lib You can and must understand computers NOW. The political half: computers belong to people, not to priesthoods in air-conditioned rooms. Self-published with about $2,000 of his own money and a print run of a few hundred. Howard Rheingold called it the best-selling underground manifesto of the microcomputer revolution. Editions and where to buy it turn the book over Dream Machines The other half: hypertext, hypermedia and Project Xanadu, the future of the screen as a place for thinking rather than a simulation of paper. The word intertwingularity is coined in here, and the claim that there are no subjects, only all knowledge. Intertwingularity, explained · His republication Why he matters Six things he did first, or alone, each with the source it comes from. He named the thing you are using Hypertext and hypermedia are his words, coined in 1963 and printed in 1965, a quarter century before the Web. Every link on every page descends from that vocabulary. Source: Wikipedia, Hypertext . He started the first hypertext project Project Xanadu, begun at Harvard in 1960, was the first attempt to build a worldwide system of connected electronic documents. Tim Berners-Lee's own 1992 CERN pages list it and call Literary Machines essential reading. Source: Tim Berners-Lee's 1992 CERN page . He told everyone to understand computers Computer Lib/Dream Machines (1974) was self-published, two-fronted and shouted You can and must understand computers NOW, when computers were still locked in air-conditioned rooms. It became the underground manifesto of the personal-computer generation. Source: Wikipedia, Computer Lib/Dream Machines . He invented transclusion The idea that a passage can appear inside another document by reference, still connected to where it came from, with authorship and payment intact. Named in Literary Machines; present, he says, in the 1965 paper. Source: Wikipedia, Transclusion . He kept the alternative alive Two-way links, visible connections, version management, no copies without origins: Xanadu's design is the standing critique of the Web we got. OpenXanadu shipped in 2014, 54 years in. Source: Wikipedia, Project Xanadu . He is the son of two artists Celeste Holm won an Academy Award in 1947; Ralph Nelson won an Emmy in 1957 and directed Lilies of the Field. Their son took the show-business instinct into the machine room: films, musicals, a self-published manifesto, a YouTube channel of eighty videos. Source: Wikipedia, Celeste Holm . Words he gave the language From the list of coined terms on his own Who I Am page , with Wikipedia's additions. hypertext 1963; published 1965 hypermedia 1963; published 1965 hyperfilm 1965 transclusion Literary Machines, 1981 docuverse Literary Machines intertwingularity Computer Lib/Dream Machines, 1974 cybercrud Computer Lib/Dream Machines, 1974 thinkertoys Literary Machines subtitle stretchtext on his list of coined terms virtuality (computer sense) on his list of coined terms micropayment on his list of coined terms teledildonics 1975, per Wikipedia The record Six of the forty entries on the biography page. From a Harvard term project to a working deliverable, fifty-four years apart. The full timeline 1960 Project Xanadu begins As a Harvard graduate student he starts what becomes Project Xanadu, the original hypertext project, as a term project: a writing system in which text could be compared, versioned and linked. xanadu.com still carries the line Founded 1960. Source: xanadu.com . 1965 The paper that published the word Presents Complex information processing: a file structure for the complex, the changing and the indeterminate at the ACM 20th National Conference (proceedings pp. 84-100, doi 10.1145/800197.806036). The first printed use of hypertext, and the paper that introduced zippered lists. Source: Wikipedia, Hypertext . 1974 Computer Lib/Dream Machines Self-publishes the two-front-covered book with about $2,000 of his own money, a print run of a few hundred copies, and the slogan You can and must understand computers NOW. Computer Lib is the political half; Dream Machines is the hypermedia half. He coins intertwingularity and cybercrud in it. Howard Rheingold later calls it the best-selling underground manifesto of the microcomputer revolution. Source: Wikipedia, Computer Lib/Dream Machines . 1981 Literary Machines Publishes Literary Machines through his Mindful Press (first edition typewritten; nine editions to 93.1). It defines hypertext as non-sequential writing, names transclusion, and lays out the Xanadu design and its docuverse. Tim Berners-Lee's 1992 CERN pages call it essential reading. Source: Wikipedia, Literary Machines . 1988 Autodesk backs Xanadu After meeting Autodesk founder John Walker at the Hackers Conference (Wikipedia says 1983; the first Hackers Conference was in 1984), Autodesk acquires the Xanadu technology in 1988. Nelson becomes a Distinguished Fellow at Autodesk. Source: Wikipedia, Project Xanadu . 2014 OpenXanadu, SIGCHI, Chapman OpenXanadu is released as a working deliverable, 54 years after the project began. ACM SIGCHI gives him its Special Recognition Award. Chapman University confers an honorary Doctor of Science at Intertwingled, a conference on his work with speakers including Steve Wozniak and Wendy Hall. Source: Wikipedia, Ted Nelson . In his own words By 'hypertext' I mean non-sequential writing-- text that branches and allows choices to the reader, best read at an interactive screen. Literary Machines, 1981 (section 0/2). Wikipedia, Literary Machines . Everything is deeply intertwingled ... there are no 'subjects' at all; there is only all knowledge, since the cross-connections among the myriad topics of this world simply cannot be divided up neatly. Computer Lib/Dream Machines, 1974 (Dream Machines side). Wikipedia, Intertwingularity . The Xanadu project did not 'fail to invent HTML'. HTML is precisely what we were trying to PREVENT. Ted's ComParadigm in OneLiners, 1999. Wikipedia carries the longer form: '... ever-breaking links, links going outward only, quotes you can't follow to their origins, no version management, no rights management.'. his OneLiners page, 1999 . All the quotations, with sources Four decades on camera Free-licence photographs from Wikimedia Commons, hosted here and credited. More on the biography and sources pages. Keio, 1999, at a ZigZag screen. Photo: Belinda Barnet (CC BY-SA 4.0), Wikimedia Commons. OpenTech, London, 2005. Photo: LoopZilla (CC BY-SA 1.0), Wikimedia Commons. The Internet Archive, 8 October 2010, launching Possiplex. Photo: Beatrice Murch (CC BY 2.0), Wikimedia Commons. Homebrew Computer Club reunion, November 2013. Photo: Gotanero (CC BY-SA 3.0), Wikimedia Commons. Three videos he would want you to see His home page names the Xanadu explainer and the Engelbart eulogy as the ones that matter most. The third is his own account of the Web. All verified as him; the videos page has 19 recordings of him and 6 context videos labeled as such. Computers for Cynics 6 - The Real Story of the World Wide Web Nelson explains why he sees the Web as a shallow, one-way-link simplification of the hypertext he proposed. TheTedNelson on YouTube; Ted Nelson speaking Xanadu Basics 1a - VISIBLE CONNECTION Nelson's short explainer of the core Xanadu idea, visible two-way connections between documents, from his own channel. TheTedNelson on YouTube; Ted Nelson speaking Ted Nelson's Eulogy for Douglas Engelbart His December 2013 eulogy for Douglas Engelbart at the Computer History Museum. His home page calls it his best writing ever. Computer History Museum on YouTube; Ted Nelson speaking All videos Questions Who is Ted Nelson? Theodor Holm Nelson (born 17 June 1937) is the American information-technology pioneer, philosopher and sociologist who coined hypertext and hypermedia in 1963 and founded Project Xanadu, the original hypertext project, in 1960. He wrote Computer Lib/Dream Machines (1974) and Literary Machines (1981), and is the son of director Ralph Nelson and actress Celeste Holm. Did Ted Nelson invent hypertext? He coined the word in 1963 and published it in 1965, and he started the first hypertext project, Xanadu, in 1960. Vannevar Bush described the memex in 1945, Douglas Engelbart demonstrated a working linked-text system in 1968, and Nelson consulted on Brown University's Hypertext Editing System in 1967. The name and the fully worked-out idea of a worldwide connected literature are his; the Web is Tim Berners-Lee's 1989-91 narrowing of it. What is Project Xanadu? A design, begun in 1960, for a worldwide system of electronic documents with visible two-way links, transclusion (content shown by reference and still connected to its origin), version management and micropayment to authors. Autodesk backed it from 1988 to 1992; the source was released as Udanax; XanaduSpace appeared in 2007 and OpenXanadu, a working deliverable, in 2014. It lives at xanadu.com. What is transclusion? Nelson's word for the same content knowably in more than one place: a passage included in a document by reference rather than by copying, so it stays connected to its source, updates with it, and can carry payment back to its author. Named in Literary Machines (1981); Nelson says the idea is already in his 1965 paper. All questions About this site An independent fan and tribute site celebrating the work of Ted Nelson. Not affiliated with, endorsed by, or the official site of Ted Nelson or Project Xanadu. His real sites are xanadu.com and hyperland.com. Where every fact came from Explore Biography Ideas Works Videos Quotes Links FAQ Sources His official / real sites Project Xanadu (xanadu.com) Ted Nelson home page (hyperland.com) His YouTube channel Computer Lib, from his store His Keio-era page (xanadu.com.au) More fan sites: firthfan.com Colin Firth austen.com Jane Austen ryanholidayfans.com Ryan Holiday charlespetrie.com Charles
## llms.txt
# Ted Nelson (fan site)
> Theodor Holm Nelson, born in Chicago on 17 June 1937, is the American information-technology pioneer, philosopher and sociologist who coined the words "hypertext" and "hypermedia" in 1963 and published them in 1965. In 1960, as a Harvard graduate student, he began Project Xanadu, the original hypertext project: a worldwide system of documents with visible, two-way connections, in which any passage can appear in any other document by reference (transclusion) while staying linked to its origin. His 1974 book Computer Lib/Dream Machines told ordinary people they could and must understand computers, and his 1981 book Literary Machines laid out the Xanadu design. He holds degrees from Swarthmore, Harvard and Keio, was made an Officier des Arts et Lettres by France in 2001, and is the son of film director Ralph Nelson and actress Celeste Holm.
This is an independent fan and tribute site, not his official site and not affiliated with him or Project Xanadu. His own sites: https://xanadu.com/ (Project Xanadu), https://hyperland.com/ (home page), https://www.youtube.com/thetednelson (YouTube), https://computerlibbook.com/ (Computer Lib store), https://xanadu.com.au/ted/ (Keio-era page). No contact details are published here.
## Timeline
- 1937: Born in Chicago. Theodor Holm Nelson is born on 17 June to film and television director Ralph Nelson and actress Celeste Holm, who married in 1936 and divorced in 1939. He is raised largely by his grandparents, in Chicago and then Greenwich Village.
- 1957: A rock musical at Swarthmore. Co-writes and co-produces Anything and Everything at Swarthmore College, two years before graduating.
- 1959: B.A. in philosophy; a film and a first book. Graduates from Swarthmore with a B.A. in philosophy (his own page and Wikipedia say 1959; one HCI history page says 1960). Makes the student film The Epiphany of Slocum Furlow, scored by Peter Schickele, and publishes Life, Love, College, etc.
- 1960: Project Xanadu begins. As a Harvard graduate student he starts what becomes Project Xanadu, the original hypertext project, as a term project: a writing system in which text could be compared, versioned and linked. xanadu.com still carries the line Founded 1960.
- 1962-63: Dolphins, Bateson and a master's degree. Works as photographer and filmmaker at John C. Lilly's Communication Research Institute in Miami, sharing an office with Gregory Bateson. Earns an M.A. in sociology from Harvard's Department of Social Relations (1963 on his own page; 1962 on Wikipedia).
- 1963: The words hypertext and hypermedia. Coins hypertext and hypermedia. He would later list them first among the words he introduced.
- 1964-66: Teaching at Vassar. Instructor in sociology at Vassar College.
- 1965: The paper that published the word. Presents Complex information processing: a file structure for the complex, the changing and the indeterminate at the ACM 20th National Conference (proceedings pp. 84-100, doi 10.1145/800197.806036). The first printed use of hypertext, and the paper that introduced zippered lists.
- 1966-67: The name Xanadu. The project takes its name from Coleridge's Kubla Khan (Wikipedia's two articles date the naming to 1966 and 1967).
- 1967: The Hypertext Editing System at Brown. Consults with Andries van Dam's group at Brown University on HES, the Hypertext Editing System, which ran on an IBM 2250 display with a light pen. Its successor was FRESS.
- 1968-69: Bell Labs and CBS. Hypertext-related research at Bell Labs and interactive slideshow work at CBS Laboratories.
- 1972: The first demonstration runs out of money. Cal Daniels completes a first demonstration version of Xanadu on a rented Data General Nova; the rental has to be returned for lack of funds.
- 1974: Computer Lib/Dream Machines. Self-publishes the two-front-covered book with about $2,000 of his own money, a print run of a few hundred copies, and the slogan You can and must understand computers NOW. Computer Lib is the politica
## AGENTS.md
# AGENTS.md: tednelsonfan.com
An independent fan and tribute site for Theodor Holm "Ted" Nelson (born 17 June 1937): coiner of hypertext and hypermedia (1963, published 1965), founder of Project Xanadu (1960), author of Computer Lib/Dream Machines (1974) and Literary Machines (1981), originator of transclusion, intertwingularity, the docuverse and ZigZag. NOT his official site; not affiliated with him or Project Xanadu. His own sites are https://xanadu.com/, https://hyperland.com/ and https://www.youtube.com/thetednelson.
## What an agent can do here
Read-only. Answer who he is, what he did and when, what he wrote, what his ideas mean, where his own pages are and where to buy Computer Lib (his store, https://computerlibbook.com/; no affiliate codes). Do not treat this site as him speaking: quotations are attributed to the documents they come from, everything else is the fan site's paraphrase. Do not give out contact details (none are published here on purpose).
## Structured data
- `/api/person.json` (timeline, books, papers, coined words, quotes, the 17 Xanadu rules, videos, sources, photo credits), `/api/faq.json`, `/openapi.json`, `/.well-known/mcp-server-card.json`, `/.well-known/ai-plugin.json`.
- `/llms.txt`, `/llms-full.txt`, Markdown twin of every page at `<path>index.md` (also served for `Accept: text/markdown`).
- JSON-LD: Person (sameAs Wikipedia, Wikidata Q62852, xanadu.com, hyperland.com, his channel), WebSite, Article, ItemList of Book, ItemList of VideoObject, ItemList of Quotation, FAQPage, BreadcrumbList.
## Non-obvious context
- Sources disagree on a few dates and the site shows both: Harvard M.A. 1963 (his page) vs 1962 (Wikipedia); Xanadu named 1966 vs 1967; the Hackers Conference meeting with John Walker "1983" vs the conference's 1984 start; Udanax 1998 vs 1999.
- Wired's 1995 line is quoted as printed ("longest-running vaporware story in the history of the computer industry"), not the paraphrase that circulates.
- 19 videos are verified as him by YouTube oEmbed (12 on his channel TheTedNelson); 6 are context and labeled "not him". Four older Computers for Cynics IDs on hyperland.com are dead; the live ones are used.
- The Computer Lib theme is aged paper + typewriter type because the 1974 book was typewritten and pasted up; the Xanadu theme is dark with flame orange after the project's Eternal-Flaming-X mark. The /ideas/xanadu/ page carries the seventeen rules.
- Marlene Mallicoat (collaborator from 1992, later his wife, d. 2015) is mentioned once, respectfully, from her obituary.
## Verified vs. left out
Used: everything on /sources/ and in _night/tednelson/RESEARCH.md. Left out: his contact details (on his own pages; by choice); the Forbes 1997 "Orson Welles of software" line and a reported 1978 IBM meeting (no primary source); Google Scholar counts; the Computer Lib cover image (copyright); any award, quotation or date not in the sources.
## Photos
All Wikimedia Commons, downloaded and hosted here (no hotlinks), each credited on /sources/ and where used. No AI-generated images.
- ted-nelson-shdh-2011: Dgies, CC BY-SA 3.0. https://commons.wikimedia.org/wiki/File:Ted_Nelson_at_SuperHappyDevHouse.jpg
- ted-nelson-shdh-2011-cropped: Dgies, CC BY-SA 3.0. https://commons.wikimedia.org/wiki/File:Ted_Nelson_cropped.jpg
- ted-nelson-homebrew-reunion-2013: Gotanero, CC BY-SA 3.0. https://commons.wikimedia.org/wiki/File:Ted_Nelson_(November_2013).jpg
- ted-nelson-hannemyr-2011: Gisle Hannemyr, CC BY-SA 3.0. https://commons.wikimedia.org/wiki/File:Ted_Nelson.jpg
- ted-nelson-sf-2010-a: Beatrice Murch, CC BY 2.0. https://commons.wikimedia.org/wiki/File:Ted_Nelson_-_5078420419.jpg
- ted-nelson-sf-2010-b: Beatrice Murch, CC BY 2.0. https://commons.wikimedia.org/wiki/File:Ted_Nelson_-_5078423031.jpg
- ted-nelson-rebranded-2010: Beatrice Murch, CC BY 2.0. https://commons.wikimedia.org/wiki/File:Ted_Nelson_Rebranded_-_5078417937.jpg
- ted-nelson-opentech-2005: LoopZilla, CC BY-SA 1.0. https://commons.wikimedia.or
## llms-full.txt
# Ted Nelson (fan site)
> Theodor Holm Nelson, born in Chicago on 17 June 1937, is the American information-technology pioneer, philosopher and sociologist who coined the words "hypertext" and "hypermedia" in 1963 and published them in 1965. In 1960, as a Harvard graduate student, he began Project Xanadu, the original hypertext project: a worldwide system of documents with visible, two-way connections, in which any passage can appear in any other document by reference (transclusion) while staying linked to its origin. His 1974 book Computer Lib/Dream Machines told ordinary people they could and must understand computers, and his 1981 book Literary Machines laid out the Xanadu design. He holds degrees from Swarthmore, Harvard and Keio, was made an Officier des Arts et Lettres by France in 2001, and is the son of film director Ralph Nelson and actress Celeste Holm.
This is an independent fan and tribute site, not his official site and not affiliated with him or Project Xanadu. His own sites: https://xanadu.com/ (Project Xanadu), https://hyperland.com/ (home page), https://www.youtube.com/thetednelson (YouTube), https://computerlibbook.com/ (Computer Lib store), https://xanadu.com.au/ted/ (Keio-era page). No contact details are published here.
## Timeline
- 1937: Born in Chicago. Theodor Holm Nelson is born on 17 June to film and television director Ralph Nelson and actress Celeste Holm, who married in 1936 and divorced in 1939. He is raised largely by his grandparents, in Chicago and then Greenwich Village.
- 1957: A rock musical at Swarthmore. Co-writes and co-produces Anything and Everything at Swarthmore College, two years before graduating.
- 1959: B.A. in philosophy; a film and a first book. Graduates from Swarthmore with a B.A. in philosophy (his own page and Wikipedia say 1959; one HCI history page says 1960). Makes the student film The Epiphany of Slocum Furlow, scored by Peter Schickele, and publishes Life, Love, College, etc.
- 1960: Project Xanadu begins. As a Harvard graduate student he starts what becomes Project Xanadu, the original hypertext project, as a term project: a writing system in which text could be compared, versioned and linked. xanadu.com still carries the line Founded 1960.
- 1962-63: Dolphins, Bateson and a master's degree. Works as photographer and filmmaker at John C. Lilly's Communication Research Institute in Miami, sharing an office with Gregory Bateson. Earns an M.A. in sociology from Harvard's Department of Social Relations (1963 on his own page; 1962 on Wikipedia).
- 1963: The words hypertext and hypermedia. Coins hypertext and hypermedia. He would later list them first among the words he introduced.
- 1964-66: Teaching at Vassar. Instructor in sociology at Vassar College.
- 1965: The paper that published the word. Presents Complex information processing: a file structure for the complex, the changing and the indeterminate at the ACM 20th National Conference (proceedings pp. 84-100, doi 10.1145/800197.806036). The first printed use of hypertext, and the paper that introduced zippered lists.
- 1966-67: The name Xanadu. The project takes its name from Coleridge's Kubla Khan (Wikipedia's two articles date the naming to 1966 and 1967).
- 1967: The Hypertext Editing System at Brown. Consults with Andries van Dam's group at Brown University on HES, the Hypertext Editing System, which ran on an IBM 2250 display with a light pen. Its successor was FRESS.
- 1968-69: Bell Labs and CBS. Hypertext-related research at Bell Labs and interactive slideshow work at CBS Laboratories.
- 1972: The first demonstration runs out of money. Cal Daniels completes a first demonstration version of Xanadu on a rented Data General Nova; the rental has to be returned for lack of funds.
- 1974: Computer Lib/Dream Machines. Self-publishes the two-front-covered book with about $2,000 of his own money, a print run of a few hundred copies, and the slogan You can and must understand computers NOW. Computer Lib is the politica
## The design bar
# The house design bar (AWE)
Every page AWE ships is judged against this. It is the frontend-design skill's
standard plus the network's own rules. Read it before designing; re-read it
before shipping.
## Ground the design in the subject
Identify the subject, the audience, and the page's primary job before drawing
anything. The industry, its materials and its vernacular are where distinctive
choices come from. Build with the site's real content and knowledge base, never
lorem ipsum, never invented claims the site cannot back.
## Principles
- The hero opens with the most characteristic thing in the subject's world, in
the most appropriate form: a headline, an image, a demo, a live moment. The
"big number, small label, gradient accent" hero is the default; only use it if
it is truly the best option.
- Typography carries the personality. One family, or two clearly distinct
families. Choose them for this brief, not the families you reach for on every
project. Set a real type scale with intentional weights and spacing. Body line
length under 80 characters; serif body gets a little more line-height.
- Avoid the commonest tells of a generated page: a single accented word in a
headline; ALL-CAPS labels; unnecessary eyebrow labels above content; numbered
01/02/03 markers on content that is not a sequence; arrows appended to links.
- Visual structure is information. Borders, rules, numbering and dividers
encode something about the content; they are not decoration.
- Motion: one orchestrated moment at most. No fade-and-slide on every section.
Motion that answers a person's action is welcome.
- Copy is design content. Plain verbs, sentence case, active voice, no filler.
A button says what happens: "Book a walkthrough", not "Submit".
## The looks that read as AI defaults (do not spend freedom on these)
1. Warm cream background near #F4F1EA with a high-contrast serif display and a
terracotta accent near #D97757.
2. Near-black background with a single acid-green or vermilion accent.
3. Broadsheet layout: hairline rules, zero radius, dense newspaper columns.
4. The SaaS card kit: identical rounded cards, one radius everywhere, the same
soft grey shadow under each, gradient washes as decoration.
5. Template chrome: tracked-out ALL-CAPS eyebrows, meta strings joined with
middle dots, "WORD — fragment" labels, tinted near-black (#0B0B0B) as black,
monospace for small labels, "→" on link text.
If the brief pins a direction, follow it. Where it leaves an axis free, do not
spend that freedom on one of these.
## Network rules (non-negotiable)
- No em dashes anywhere in copy. Use a comma, a colon, or a new sentence.
- Keep what the network needs on every page: the AdSense tag and ads.txt,
analytics snippets, the WholeTech promo bar and wt-stack script if the page
had them, canonical, robots, sitemap entry, the IndexNow key file.
- Keep the site's existing internal links working (nav targets, KB, act, case
studies, lessons, prompts, resources, videos, enquire). New pages may add
links; they may not drop them.
- Responsive to 360px wide, visible keyboard focus, reduced motion respected,
contrast at least 4.5:1 for body text, alt text on every meaningful image.
- One HTML file per page, self-contained CSS in a single style block (plus
Google Fonts link if used), no build step, no external JS frameworks.
- Ship only to owned domains, only through the ship step, only after a preview.
## Process (plan, review, build, critique)
1. Plan: a compact token system: 4 to 6 named colors, the typefaces and their
roles, a one-sentence layout concept with an ASCII wireframe, and 3 to 5
principles that make this page unlike any other.
2. Review the plan against the brief. Anything that reads like the generic
default for a page of this kind gets revised, and the change is written down.
3. Build to the plan. Watch CSS specificity; avoid selectors that cancel each
other on section spacing.
4. Critique: remove one accessory. Then run `awe.py check` and fix what it flags.
## What the Des score rewards (wholetech.com/alldomains)
Designed webfont family beyond Inter, Space Grotesk, JetBrains Mono, Roboto,
Open Sans (or a serif family in the CSS) scores 70; WT-Skins kit 55; stock fonts
30; the generic dark AI template 11. Section richness adds points: sources page
with 10+ cited links, a videos page with 6+ embeds, a live page, news items, a
FAQ with 4+ entries, a form. Real traffic adds the rest. Design for the reader,
and the score follows.