{ "contract": "aesthetary.record/1.0", "record_spec": "1.1.0", "semantics": { "vocabulary": "aesthetary.public-evidence/1.0", "definitions": "vocabulary.json" }, "slug": "internetcore", "name": "Internetcore", "identity": { "definition": { "state": "resolved", "text": "Internetcore (also Webcore) is a name, attested on the fan-edited Aesthetics Wiki, for a late-2010s–2020s internet aesthetic that uses the visual and audio language of the early internet (c. 1995–2005) to evoke nostalgia. Treating it as a design practice that deliberately quotes Web 1.0, browser and desktop conventions is Aesthetary's reading." }, "scope": { "state": "resolved", "text": "Contemporary design that deliberately quotes the interface language of the early web and desktop computing (period sources c. 1995–2005: homepages, browser chrome, desktop windows, GIF-era graphics), as Aesthetary's reading of the revival. On the fan wikis that define the name, Webcore/Internetcore now also means a surrealist deconstruction of old-web motifs popularised by the animated series ENA (2020); that sense is outside this record.", "ruling": "D0-1" }, "aliases": [ "Webcore" ], "layer_verdict": { "state": "none" } }, "native_medium": { "state": "resolved", "value": [ "screen" ], "evidence": { "quote": "The screen:", "field": "meta.native_context" }, "ruling": "freeze ruling 1 (2026-09-27)" }, "research": { "line": "partly_sourced", "text": "Partly sourced", "sentence": "27 sources attached." }, "areas": [ { "area": "layout", "state": "resolved", "canon": "specified", "importance": "core", "posture_basis": null, "label": { "text": "Core · Specified" } }, { "area": "typography", "state": "resolved", "canon": "specified", "importance": "core", "posture_basis": null, "label": { "text": "Core · Specified" } }, { "area": "color", "state": "resolved", "canon": "specified", "importance": "core", "posture_basis": null, "label": { "text": "Core · Specified" } }, { "area": "imagery", "state": "resolved", "canon": "specified", "importance": "supporting", "posture_basis": null, "label": { "text": "Supporting · Specified" } }, { "area": "surface", "state": "resolved", "canon": "specified", "importance": "unknown", "posture_basis": null, "label": { "text": "Specified" } }, { "area": "interface", "state": "resolved", "canon": "specified", "importance": "core", "posture_basis": null, "label": { "text": "Core · Specified" } }, { "area": "motion", "state": "resolved", "canon": "specified", "importance": "supporting", "posture_basis": null, "label": { "text": "Supporting · Specified" } }, { "area": "motif", "state": "resolved", "canon": "specified", "importance": "unknown", "posture_basis": null, "label": { "text": "Specified" } }, { "area": "technique", "state": "resolved", "canon": "specified", "importance": "unknown", "posture_basis": null, "label": { "text": "Specified" } }, { "area": "form", "state": "resolved", "canon": "open_question", "importance": "unknown", "posture_basis": null, "label": { "text": "Open question" } }, { "area": "hierarchy", "state": "owed", "owed": "research", "why": "No source has been examined for this yet." }, { "area": "density", "state": "owed", "owed": "research", "why": "No source has been examined for this yet." } ], "claims": [ { "id": "definition", "text": "Internetcore is a contemporary aesthetic that deliberately reconstructs and remixes the visual language of early personal computing and the web.", "role": "diagnostic", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "diagnostic", "text": "The diagnostic question: does the design intentionally aestheticize the visual language of obsolete computing or the early internet? Intent decides; age alone does not.", "role": "diagnostic", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "what", "text": "Internetcore treats obsolete digital interfaces as visual culture, borrowing from early websites, desktop operating systems, primitive browser interfaces and the vernacular graphics of the consumer internet.", "role": "diagnostic", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "intent", "text": "Internetcore is distinguished from old web design by intent, not by appearance: early sites looked the way they did because they had to; Internetcore recreates, exaggerates and recombines those conventions after the limits have gone.", "role": "diagnostic", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "sources-not-checklist", "text": "The source languages are not a checklist. Internetcore emerges from their deliberate quotation and recombination.", "role": "diagnostic", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "S-homepage", "text": "Tiled backgrounds; counters; badges; guestbooks; web rings; underlined links.", "role": "diagnostic", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "S-desktop", "text": "Windows; menus; dialogs; icons; folders; system controls.", "role": "diagnostic", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "S-browser", "text": "Chrome; address bars; status indicators; tabs and windows; loading states.", "role": "diagnostic", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "S-graphics", "text": "Pixels; GIF-like motion; bitmap assets; crude 3D; compressed imagery.", "role": "diagnostic", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "A1", "text": "Interface becomes graphic material.", "role": "diagnostic", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "A2", "text": "Digital resolution can remain visibly discrete.", "role": "diagnostic", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "A3", "text": "Links, inputs, buttons and system controls may retain browser and OS associations.", "role": "diagnostic", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "A4", "text": "Windows, dialogs and floating interface elements can replace conventional page sections.", "role": "diagnostic", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "A5", "text": "Elements may appear primitive while being technically sophisticated underneath.", "role": "diagnostic", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "A6", "text": "Badges, icons, cursors, separators, counters and tiny animations can function decoratively.", "role": "diagnostic", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "coherence", "text": "The visual language has to coherently reference internet and computing history, rather than using one nostalgic prop.", "role": "diagnostic", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "retrospective", "text": "Internetcore did not continue uninterrupted from the early web. Its retrospective quality is part of its identity.", "role": "history", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "H1", "text": "Personal computing establishes the desktop-interface vernacular.", "role": "history", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "H2", "text": "The public web develops its own visual conventions under severe technical constraints.", "role": "history", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "H3", "text": "Personal homepages, portals, forums and increasingly sophisticated browser experiences diversify web culture.", "role": "history", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "H4", "text": "Standardisation and professionalisation make many early conventions disappear.", "role": "history", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "H5", "text": "Designers deliberately recover obsolete interface languages — as nostalgia, as cultural reference, and as resistance to homogeneous contemporary UI.", "role": "history", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "evidence-interpretation", "text": "Web 1.0 is historical evidence: its constraints were real. Internetcore is a later interpretation in which the constraints are quoted.", "role": "boundary", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "B-y2k", "text": "Broader millennium-era futurism and consumer culture — not specifically about the internet itself.", "role": "boundary", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "B-pixel", "text": "A rendering technique that can appear inside many aesthetics. On its own it classifies nothing.", "role": "boundary", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "B-anti", "text": "Challenges conventional design norms. It need not reference obsolete computing at all.", "role": "boundary", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "B-vapor", "text": "Nostalgia filtered through consumer and media culture, with its own music and art lineage.", "role": "boundary", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "B-neo", "text": "Contemporary rawness and visible structure, without requiring internet nostalgia.", "role": "boundary", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "L1", "text": "Expose interface structure. Frames, bars and panels are visible, not hidden.", "role": "rule", "area": "layout", "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "L2", "text": "Let hierarchy feel digital rather than editorial.", "role": "rule", "area": "layout", "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "L3", "text": "Small modules can accumulate instead of becoming giant contemporary cards.", "role": "rule", "area": "layout", "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "L4", "text": "Layering is legitimate when the desktop metaphor supports it.", "role": "rule", "area": "layout", "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "L5", "text": "Imperfection should look intentional.", "role": "rule", "area": "layout", "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "L-metaphors", "text": "Three structural metaphors, each drawn from a source language: Document, Desktop, Portal.", "role": "rule", "area": "layout", "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "no-pixel-requirement", "text": "Internetcore does not require a pixel font. The typography must participate in the computing and internet reference.", "role": "rule", "area": "typography", "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "T-families", "text": "Four families of reference: system sans, bitmap or display, monospace, and the browser-default serif.", "role": "rule", "area": "typography", "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "T-costume", "text": "A pixel font everywhere is costume.", "role": "rule", "area": "typography", "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "palette-source", "text": "There is no canonical Internetcore palette. Colour inherits from the digital reference being quoted: browser default, desktop UI, personal homepage, or a reduced contemporary reinterpretation.", "role": "rule", "area": "color", "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "radius", "text": "Rectangular interface primitives: hard edges, system-window geometry, pixel boundaries, native-control proportions. Rounded corners are not forbidden; they become suspicious when the interface reads as generic contemporary SaaS rather than obsolete computing.", "role": "rule", "area": "interface", "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "UI-controls", "text": "Default-looking controls may retain browser and OS associations; windows, dialogs and floating elements can replace page sections.", "role": "rule", "area": "interface", "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "lofi-reason", "text": "Low fidelity should have a reason. Artefacts applied to everything are a filter, not Internetcore.", "role": "rule", "area": "imagery", "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "I-types", "text": "Six image types: compressed raster, GIF-like animation, bitmap icon, primitive CGI, webcam or personal imagery, scanned image.", "role": "rule", "area": "imagery", "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "M-vocab", "text": "A six-part motion vocabulary — blink, marquee travel, frame animation, loading and progress, cursor response, window movement — each either a historical behaviour or a contemporary recreation.", "role": "rule", "area": "motion", "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "M-reduced", "text": "Reduced motion should freeze the animation without removing the digital artefact that communicates the aesthetic.", "role": "rule", "area": "motion", "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "refusal-1", "text": "Internetcore requires a pixel font. No. Typography must participate in the reference; no face is required.", "role": "misconception", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "refusal-2", "text": "Internetcore has a canonical palette. No. Colour inherits from the source language being quoted.", "role": "misconception", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "refusal-3", "text": "Rounded corners are forbidden. No. They become suspicious once the interface reads as contemporary SaaS.", "role": "misconception", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "refusal-4", "text": "Internetcore is old web design. No. Web 1.0 is the source; Internetcore is the later quotation.", "role": "misconception", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": null }, { "id": "unreliable-1", "text": "= a pixel font", "role": "misconception", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "strength": [ { "signal": "unreliable", "set_by": "synthesis", "label": { "text": "Unreliable · our ranking" } } ], "derives_from": [], "ruling": "D0-3 C5 unreliable" }, { "id": "unreliable-2", "text": "= an old website", "role": "misconception", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "strength": [ { "signal": "unreliable", "set_by": "synthesis", "label": { "text": "Unreliable · our ranking" } } ], "derives_from": [], "ruling": "D0-3 C5 unreliable" }, { "id": "unreliable-3", "text": "= one nostalgic prop", "role": "misconception", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "strength": [ { "signal": "unreliable", "set_by": "synthesis", "label": { "text": "Unreliable · our ranking" } } ], "derives_from": [], "ruling": "D0-3 C5 unreliable" }, { "id": "meta-name-status", "text": "name status: Internet-culture term; where Internetcore and Webcore were first used is not yet on the record", "role": "history", "area": null, "basis": "synthesis", "support": { "state": "none", "for": [], "against": [], "contested": false }, "label": { "kind": "reading", "text": "Our reading" }, "derives_from": [], "ruling": "D0-3 C6 meta" }, { "id": "kcc:layout-1", "text": "Segmenting the surface into frames stands for the web the way a score display stands for game screens; Lialina calls frames even more recognisable than the classic table layout.", "role": "context", "area": "layout", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I5" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "source language (late-1990s web), not an Internetcore rule" }, "derives_from": [], "ruling": null }, { "id": "kcc:layout-2", "text": "Professional web designs were produced in Photoshop and later adapted for the browser.", "role": "context", "area": "layout", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I4" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "source language" }, "derives_from": [], "ruling": null }, { "id": "kcc:typography-1", "text": "Susan Kare's first Macintosh letterforms were limited to vertical, horizontal or 45-degree lines, with nine-pixel capitals.", "role": "context", "area": "typography", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I8" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "Macintosh 1984–97 system font" }, "derives_from": [], "ruling": null }, { "id": "kcc:typography-2", "text": "Web source: HTML left rendering, including type, to the browser.", "role": "context", "area": "typography", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I6" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "source language" }, "derives_from": [], "ruling": null }, { "id": "kcc:typography-3", "text": "Screen-specific TrueType faces (Verdana) were made for on-screen display.", "role": "context", "area": "typography", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I11" ], "against": [], "contested": false }, "label": { "kind": "seen", "text": "Seen in the work" }, "scope": { "practice": "source period; Verdana 1996" }, "derives_from": [], "ruling": null }, { "id": "kcc:imagery-1", "text": "Desktop icons were monochrome bitmaps drawn on a 32 x 32 grid: trash can, disk, dog-eared document.", "role": "context", "area": "imagery", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I8" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "Macintosh 1984" }, "derives_from": [], "ruling": null }, { "id": "kcc:imagery-2", "text": "The GIF format supports animation only in a limited way.", "role": "context", "area": "imagery", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I10" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "GIF89a standard" }, "derives_from": [], "ruling": null }, { "id": "kcc:imagery-3", "text": "Free collections of web graphics (buttons, bullets, dividers, animations, 'Welcome' headers) were the vernacular web's image stock.", "role": "context", "area": "imagery", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I4" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "source language" }, "derives_from": [], "ruling": null }, { "id": "kcc:imagery-4", "text": "The contemporary revival is described through the same flashy, neon, blinking, clip-art imagery.", "role": "context", "area": "imagery", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I12" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "Neocities, 2013" }, "derives_from": [], "ruling": null }, { "id": "kcc:interface-1", "text": "Browser chrome of the period included icon buttons (back, forward, home) and bookmarks. Mosaic was the first published browser to show pictures inline with text.", "role": "context", "area": "interface", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I9" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "NCSA Mosaic, 1993" }, "derives_from": [], "ruling": null }, { "id": "kcc:interface-2", "text": "Amateur pages duplicated browser controls as their own back/forward buttons.", "role": "context", "area": "interface", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I4" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "source language" }, "derives_from": [], "ruling": null }, { "id": "kcc:interface-3", "text": "The early web's own interface furniture included 'Under Construction' signs, which became a common joke by around 1997.", "role": "context", "area": "interface", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I2" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "source language" }, "derives_from": [], "ruling": null }, { "id": "kcc:surface-1", "text": "Starry-night backgrounds (black, dark blue or purple, tiled with light static or blinking particles) were a vernacular-web surface; paper, glass, water and wood themes came later.", "role": "context", "area": "surface", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I3", "kcc-internetcore-I4" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "source language, mid–late 1990s" }, "derives_from": [], "ruling": null }, { "id": "kcc:surface-2", "text": "An archived GeoCities homepage offers background images for reuse and previews them by number.", "role": "context", "area": "surface", "basis": "observed", "support": { "state": "observed_instances", "for": [ "kcc-internetcore-I7" ], "against": [], "contested": false }, "label": { "kind": "seen", "text": "Seen in the work" }, "scope": { "practice": "single archived page, captured 2006" }, "derives_from": [], "ruling": null }, { "id": "kcc:motif-1", "text": "The vernacular web had a shared ornament stock: rainbow dividers, the 'New!' sign, bullets, 'Under Construction' signs.", "role": "context", "area": "motif", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I4", "kcc-internetcore-I2" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "source language" }, "derives_from": [], "ruling": null }, { "id": "kcc:motif-2", "text": "Lialina predicted that frames and construction signs would return as retro, stripped of their meaning and contexts.", "role": "context", "area": "motif", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I1" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "supports the retrospective reading" }, "derives_from": [], "ruling": null }, { "id": "kcc:technique-1", "text": "Period constraints shaped the look: a starry background could be two colours and about half a kilobyte, MIDI was used because bandwidth was precious, and pages were built in hope of faster connections.", "role": "context", "area": "technique", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I3", "kcc-internetcore-I6", "kcc-internetcore-I1" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "source language, mid-1990s" }, "derives_from": [], "ruling": null }, { "id": "kcc:technique-2", "text": "The amateur web preferred expression over structure.", "role": "context", "area": "technique", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I4" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "source language" }, "derives_from": [], "ruling": null }, { "id": "kcc:technique-3", "text": "The contemporary revival platform (Neocities) hosts static HTML.", "role": "context", "area": "technique", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I13" ], "against": [], "contested": false }, "label": { "kind": "seen", "text": "Seen in the work" }, "scope": { "practice": "revival, 2013" }, "derives_from": [], "ruling": null }, { "id": "kcc:hierarchy-1", "text": "In the source language, expression was preferred over structure.", "role": "context", "area": "hierarchy", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I4" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "source language" }, "derives_from": [], "ruling": null }, { "id": "kcc:density-1", "text": "The early web is characterised as 'bright, rich, personal, slow and under construction'.", "role": "context", "area": "density", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I1" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "source language" }, "derives_from": [], "ruling": null }, { "id": "kcc:w2-form-1", "text": "Know Your Meme describes the aesthetic as using simplistic 3D elements and objects similar to early 3D video-game assets, alongside browser windows and simple colourful graphics.", "role": "context", "area": "form", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S2" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "Know Your Meme, describing ENA (2020)" }, "derives_from": [], "ruling": null }, { "id": "kcc:w2-interface-1", "text": "Windows 95's interface inherited a desktop, a tray, context menus and a three-dimensional look and feel.", "role": "context", "area": "interface", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S5" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "Then column: documents the period source language (c. 1995-2001), not a rule of Internetcore" }, "derives_from": [], "ruling": null }, { "id": "kcc:w2-interface-2", "text": "The Windows 95 taskbar carried a Start button, program entries and a clock, stayed on top of other windows, and gave every task its own entry.", "role": "context", "area": "interface", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S5" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "Then column: documents the period source language (c. 1995-2001), not a rule of Internetcore" }, "derives_from": [], "ruling": null }, { "id": "kcc:w2-interface-3", "text": "System-provided Open and Save As dialogs were part of the Windows 95 furniture.", "role": "context", "area": "interface", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S5" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "Then column: documents the period source language (c. 1995-2001), not a rule of Internetcore" }, "derives_from": [], "ruling": null }, { "id": "kcc:w2-interface-4", "text": "Early Netscape browser chrome had a title bar showing the page title, a location (URL) field, an animating status indicator and a progress bar.", "role": "context", "area": "interface", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S6" ], "against": [], "contested": false }, "label": { "kind": "seen", "text": "Seen in the work" }, "scope": { "practice": "Then column: documents the period source language (c. 1995-2001), not a rule of Internetcore" }, "derives_from": [], "ruling": null }, { "id": "kcc:w2-interface-5", "text": "Links in the Netscape content area were marked by colour and/or underlining.", "role": "context", "area": "interface", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S6" ], "against": [], "contested": false }, "label": { "kind": "seen", "text": "Seen in the work" }, "scope": { "practice": "Then column: documents the period source language (c. 1995-2001), not a rule of Internetcore" }, "derives_from": [], "ruling": null }, { "id": "kcc:w2-motion-1", "text": "Early Netscape signalled a transfer with an animating status indicator (the Mosaic Communications logo) and a progress bar that animated to show the progress of the current operation.", "role": "context", "area": "motion", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S6" ], "against": [], "contested": false }, "label": { "kind": "seen", "text": "Seen in the work" }, "scope": { "practice": "Then column: documents the period source language (c. 1995-2001), not a rule of Internetcore" }, "derives_from": [], "ruling": null }, { "id": "kcc:w2-motion-2", "text": "The optional Netscape Looping Application Extension, the most commonly used GIF application extension, sets whether an animated GIF loops forever or a set number of times.", "role": "context", "area": "motion", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S10", "kcc-internetcore-W2S11" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "Then column: documents the period source language (c. 1995-2001), not a rule of Internetcore" }, "derives_from": [], "ruling": null }, { "id": "kcc:w2-motion-3", "text": "NN/g's original list of web-design mistakes advised: never include page elements that move incessantly.", "role": "context", "area": "motion", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S3" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "Then column: documents the period source language (c. 1995-2001), not a rule of Internetcore" }, "derives_from": [], "ruling": null }, { "id": "kcc:w2-motion-4", "text": "The 2020s revival is described as featuring clunky animations.", "role": "diagnostic", "area": "motion", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S1", "kcc-internetcore-W2S2" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "revival accounts" }, "derives_from": [], "ruling": null }, { "id": "kcc:w2-color-1", "text": "The 216-colour browser-safe palette existed because in 1996 most users had 8-bit (256-colour) video.", "role": "context", "area": "color", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S4" ], "against": [], "contested": false }, "label": { "kind": "seen", "text": "Seen in the work" }, "scope": { "practice": "Then column: documents the period source language (c. 1995-2001), not a rule of Internetcore" }, "derives_from": [], "ruling": null }, { "id": "kcc:w2-color-2", "text": "By its publicist's own account the browser-safe palette is heavy on saturated colours and light on muted or tinted ones.", "role": "context", "area": "color", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S4" ], "against": [], "contested": false }, "label": { "kind": "seen", "text": "Seen in the work" }, "scope": { "practice": "Then column: documents the period source language (c. 1995-2001), not a rule of Internetcore" }, "derives_from": [], "ruling": null }, { "id": "kcc:w2-color-3", "text": "A GIF palette holds at most 256 colours.", "role": "context", "area": "color", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S11" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "Then column: documents the period source language (c. 1995-2001), not a rule of Internetcore" }, "derives_from": [], "ruling": null }, { "id": "kcc:w2-imagery-1", "text": "Two archived GeoCities Heartland homepages (captured 2001) carry visitor counters and guestbook links; one also lists web rings, awards the page has won, and membership of the Internet Link Exchange.", "role": "context", "area": "imagery", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S8", "kcc-internetcore-W2S9" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "Then column: documents the period source language (c. 1995-2001), not a rule of Internetcore" }, "derives_from": [], "ruling": null }, { "id": "kcc:w2-imagery-2", "text": "Cameron's World is a web collage of images and text from GeoCities pages made 1994-2009; Dazed cites it as drawing on GeoCities archives.", "role": "diagnostic", "area": "imagery", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S12", "kcc-internetcore-W2S13", "kcc-internetcore-W2S1" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "contemporary work; not itself labelled 'Internetcore'" }, "derives_from": [], "ruling": null }, { "id": "kcc:w2-imagery-3", "text": "Artist Maria Vorobjova's Digital Folklore Tapestries are made from GeoCities GIFs.", "role": "diagnostic", "area": "imagery", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S1" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "contemporary work; framed as early-web aesthetics" }, "derives_from": [], "ruling": null }, { "id": "kcc:w2-imagery-4", "text": "Revival accounts name harsh, loud website design, clunky animation and pixel art as the look being revived.", "role": "diagnostic", "area": "imagery", "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S1" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "scope": { "practice": "revival accounts" }, "derives_from": [], "ruling": null }, { "id": "kcc:definition", "text": "Internetcore (also Webcore) is a name, attested on the fan-edited Aesthetics Wiki, for a late-2010s–2020s internet aesthetic that uses the visual and audio language of the early internet (c. 1995–2005) to evoke nostalgia. Treating it as a design practice that deliberately quotes Web 1.0, browser and desktop conventions is Aesthetary's reading.", "role": "definition", "area": null, "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I15", "kcc-internetcore-I14" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "derives_from": [], "ruling": null }, { "id": "kcc:answers-D-homepage", "text": "Two archived GeoCities Heartland homepages (Wayback captures, April 2001) show visitor counters and guestbook links; one also has a web-ring list, an awards list and Internet Link Exchange membership.", "role": "context", "area": null, "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S8", "kcc-internetcore-W2S9" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "derives_from": [], "ruling": null }, { "id": "kcc:answers-D-desktop", "text": "Sullivan's CHI 96 case study documents Windows 95's desktop, tray, context menus, three-dimensional look and feel, taskbar with Start button and clock, and the Open/Save As dialogs.", "role": "context", "area": null, "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S5" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "derives_from": [], "ruling": null }, { "id": "kcc:answers-D-browser", "text": "The Netscape Handbook documents the title bar, location (URL) field, animating status indicator (the Mosaic Communications logo), progress bar, and colour/underline link marking.", "role": "context", "area": null, "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S6" ], "against": [], "contested": false }, "label": { "kind": "seen", "text": "Seen in the work" }, "derives_from": [], "ruling": null }, { "id": "kcc:answers-D-graphics", "text": "Partly. GIF palettes were capped at 256 colours, the optional Netscape Looping Extension set whether GIFs looped, and the browser-safe palette limited choices to 216 colours. No quote here documents crude 3D or compression artefacts.", "role": "context", "area": null, "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S11", "kcc-internetcore-W2S10", "kcc-internetcore-W2S4" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "derives_from": [], "ruling": null }, { "id": "kcc:answers-D-revival", "text": "Dazed frames the revival as pandemic escapism, and reports that for artist Maria Vorobjova minimalism is tied to corporations that took over the net, so maximalist, lo-res Web 1 subverts it. That supports 'resistance to homogeneous UI' as a reading voiced by one practitioner.", "role": "context", "area": null, "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S1" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "derives_from": [], "ruling": null }, { "id": "kcc:answers-D-work", "text": "Partly. Dazed names Cameron's World (a web collage of images and text from GeoCities pages made 1994-2009) and Vorobjova's Digital Folklore Tapestries (woven from GeoCities GIFs), both drawing on GeoCities. No quote here names a work labelled Webcore/Internetcore.", "role": "context", "area": null, "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S2", "kcc-internetcore-W2S1", "kcc-internetcore-W2S12" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "derives_from": [], "ruling": null }, { "id": "kcc:answers-D-constraints", "text": "Period constraints are documented: the browser-safe chart was published in 1996 when most users had 8-bit video; 10 seconds was the stated maximum response time; GIF palettes capped at 256 colours; frames were judged confusing because they break the web's page model.", "role": "context", "area": null, "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S4", "kcc-internetcore-W2S3", "kcc-internetcore-W2S11" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "derives_from": [], "ruling": null }, { "id": "kcc:w2-boundary-1", "text": "Not Web 1.0 / Old Web (the period source language): Period documents (S3-S9) show the source language as a working medium shaped by real limits; Dazed (S1) and Know Your Meme (S2) describe Webcore/Internetcore as a 2020s revival that quotes it. The line between the two is date and intent: the revival is retrospective. Treating that as the boundary test is Aesthetary's reading.", "role": "boundary", "area": null, "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S2", "kcc-internetcore-W2S1", "kcc-internetcore-W2S3" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "derives_from": [], "ruling": null }, { "id": "kcc:w2-boundary-2", "text": "vs Vaporwave / Weirdcore: Know Your Meme gives public recognition in 2020 as the aesthetic's only dated marker and records 'Internetcore', 'Webcore' and 'ENAcore' as its names. No source here states a visual test that separates it from Vaporwave or Weirdcore.", "role": "boundary", "area": null, "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-W2S2" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "derives_from": [], "ruling": null }, { "id": "idr:boundary-ena", "text": "Not ENA-era Webcore: on the fan wiki that defines the name, Webcore (also Internetcore) now names a surrealist deconstruction that places old-web motifs in abstract, dreamlike voids, popularised by the animated series ENA (2020). This record is the design practice of quoting early-web and desktop interface; the ENA sense is outside it.", "role": "boundary", "area": null, "basis": "documentary", "support": { "state": "cited", "for": [ "kcc-internetcore-I15" ], "against": [], "contested": false }, "label": { "kind": "documented", "mark": "attached", "text": "Documented · Source attached" }, "derives_from": [], "ruling": null } ], "web_translations": [ { "id": "L-stack", "text": "On narrow screens the Desktop metaphor stops overlapping: windows stack in reading order, each keeping its title bar. Overlap that hides content on a phone is not a quotation, it is a bug.", "target": null, "area": "layout", "label": { "kind": "translation", "text": "Web translation" }, "derives_from": [ "L-metaphors", "L4" ] }, { "id": "L-measure", "text": "The Document metaphor keeps a narrow measure even on wide screens — the narrow column survives as a chosen width, not a table limit.", "target": null, "area": "layout", "label": { "kind": "translation", "text": "Web translation" }, "derives_from": [ "L-metaphors" ] }, { "id": "T-jobs", "text": "Give each family one job: default serif for reading and display, system sans for interface, bitmap only where resolution is the subject (counters, status, specimens).", "target": null, "area": "typography", "label": { "kind": "translation", "text": "Web translation" }, "derives_from": [ "T-families", "no-pixel-requirement", "T-costume" ] }, { "id": "T-size", "text": "Body text never in a bitmap face below 16px; bitmap faces render unevenly when scaled off their grid.", "target": "accessibility", "area": null, "label": { "kind": "translation", "text": "Web translation" }, "derives_from": [ "T-families" ] }, { "id": "C-values", "text": "Every colour value shown for a palette source is Aesthetary's; the saturated homepage set is adjusted so text on its grounds passes 4.5:1.", "target": null, "area": "color", "label": { "kind": "translation", "text": "Web translation" }, "derives_from": [ "palette-source" ] }, { "id": "C-underline", "text": "Links stay distinguishable by more than colour — keep the underline.", "target": "accessibility", "area": null, "label": { "kind": "translation", "text": "Web translation" }, "derives_from": [ "S-homepage", "A3" ] }, { "id": "S-radius", "text": "Radius 0 on windows, fields and buttons. Where the quoted source itself rounds a corner, round only that element, and only to that degree.", "target": null, "area": "interface", "label": { "kind": "translation", "text": "Web translation" }, "derives_from": [ "radius", "refusal-3" ] }, { "id": "S-bevel", "text": "Depth comes from 1px bevels (light top-left, dark bottom-right), never from blurred shadows.", "target": null, "area": "interface", "label": { "kind": "translation", "text": "Web translation" }, "derives_from": [ "area:interface" ] }, { "id": "ui-translation", "text": "Historical Internetcore sources do not establish a canonical contemporary component library. The components shown are contemporary translations of the visual rules.", "target": null, "area": "interface", "label": { "kind": "translation", "text": "Web translation" }, "derives_from": [ "UI-controls", "area:interface" ] }, { "id": "UI-states", "text": "Every state, value and behaviour of the components shown: the bevel recipe, the extra outline on the default action, the sunken current-page marker and the block progress bar are Aesthetary's reconstruction.", "target": null, "area": "interface", "label": { "kind": "translation", "text": "Web translation" }, "derives_from": [ "UI-controls", "S-bevel" ] }, { "id": "UI-a11y", "text": "Real form controls underneath; visible focus on everything; touch targets at least 32px tall; dialogs trap focus and close on Escape.", "target": "accessibility", "area": null, "label": { "kind": "translation", "text": "Web translation" }, "derives_from": [ "A5", "UI-controls" ] }, { "id": "M-timing", "text": "Every timing value (4–8 frames per second, stepped; instant state changes; 1:1 window movement) and the limit of one looping element in view.", "target": null, "area": "motion", "label": { "kind": "translation", "text": "Web translation" }, "derives_from": [ "M-vocab" ] }, { "id": "M-a11y", "text": "Nothing flashes more than three times per second; honour prefers-reduced-motion; anything that moves for longer than five seconds can be paused.", "target": "accessibility", "area": null, "label": { "kind": "translation", "text": "Web translation" }, "derives_from": [ "M-reduced", "M-vocab" ] }, { "id": "meta-digital-translation", "text": "Personal sites, portfolios, small shops, archives and campaigns that quote an old interface on purpose", "target": null, "area": null, "label": { "kind": "translation", "text": "Web translation" }, "derives_from": { "state": "owed", "owed": "judgment", "why": "Which canon claim or area this translates is not yet recorded." } } ], "standard_practice": [], "sources": [ { "id": "kcc-internetcore-I1", "kind": "source", "title": "A Vernacular Web. The Indigenous and the Barbarians", "url": "http://art.teleportacia.org/observation/vernacular/", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-I10", "kind": "source", "title": "Graphics Interchange Format, Version 89a", "url": "https://www.w3.org/Graphics/GIF/spec-gif89a.txt", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-I11", "kind": "source", "title": "Verdana font family", "url": "https://learn.microsoft.com/en-us/typography/font-list/verdana", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-I12", "kind": "source", "title": "NeoCities Is Recreating the Garish, Web 1.0 Creativity of Geocities", "url": "https://www.vice.com/en/article/neocities-is-recreating-the-garish-web-10-creativity-of-geocities/", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-I13", "kind": "source", "title": "Making the Web Fun Again", "url": "https://blog.neocities.org/blog/2013/05/28/making-the-web-fun-again.html", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-I14", "kind": "source", "title": "Aesthetics Wiki, first revision of the page created as 'Webcore' (now 'Old Web'), revid 146", "url": "https://aesthetics.fandom.com/api.php?action=query&prop=revisions&revids=146&rvprop=timestamp|content&rvslots=main&format=json&utf8=1", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-I15", "kind": "source", "title": "Aesthetics Wiki: Webcore (current wikitext)", "url": "https://aesthetics.fandom.com/api.php?action=parse&page=Webcore&prop=wikitext&format=json&utf8=1", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-I2", "kind": "source", "title": "A Vernacular Web: Under Construction", "url": "http://art.teleportacia.org/observation/vernacular/uc/", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-I3", "kind": "source", "title": "A Vernacular Web: The Starry Night Background", "url": "http://art.teleportacia.org/observation/vernacular/stars/", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-I4", "kind": "source", "title": "A Vernacular Web: Free Collections of Web Elements", "url": "http://art.teleportacia.org/observation/vernacular/collections/", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-I5", "kind": "source", "title": "A Vernacular Web: Frames", "url": "http://art.teleportacia.org/observation/vernacular/frame/", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-I6", "kind": "source", "title": "A Vernacular Web: MIDI", "url": "http://art.teleportacia.org/observation/vernacular/midi/", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-I7", "kind": "source", "title": "Patriotic Graphics (GeoCities personal homepage, Heartland/Plains/4601)", "url": "http://web.archive.org/web/20061205144416/http://www.geocities.com/Heartland/Plains/4601/patriotic.html", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-I8", "kind": "source", "title": "How Susan Kare Designed User-Friendly Icons for the First Macintosh", "url": "https://www.smithsonianmag.com/innovation/how-susan-kare-designed-user-friendly-icons-for-first-macintosh-180973286/", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-I9", "kind": "source", "title": "NCSA Mosaic", "url": "https://www.ncsa.illinois.edu/research/project-highlights/ncsa-mosaic/", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-W2S1", "kind": "source", "title": "Why are we all so obsessed with early web nostalgia?", "url": "https://www.dazeddigital.com/science-tech/article/55404/1/why-are-we-all-so-obsessed-with-web-1-nostalgia", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-W2S10", "kind": "source", "title": "Royal Frazier's Animated GIF Tech Sheet", "url": "http://www.graphcomp.com/info/specs/ani_gif.html", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-W2S11", "kind": "source", "title": "Long Live the Animated GIF: A Study on the Curation, Acquisition, and Preservation of Animated GIFs", "url": "https://opensource.smalldata.industries/research/gif/", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-W2S12", "kind": "source", "title": "Cameron's world · Excavating lost cities", "url": "https://www.espaciobyte.org/camerons-world", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-W2S13", "kind": "source", "title": "Cameron's World", "url": "https://www.cameronsworld.net/", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-W2S2", "kind": "source", "title": "Webcore / Internetcore", "url": "https://knowyourmeme.com/memes/subcultures/webcore-internetcore", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-W2S3", "kind": "source", "title": "Original Top 10 Mistakes in Web Design", "url": "https://www.nngroup.com/articles/original-top-ten-mistakes-in-web-design/", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-W2S4", "kind": "source", "title": "The browser-safe web palette (lynda.com hex page, captured 2005-06-20)", "url": "https://chnm.gmu.edu/digitalhistory/links/pdf/chapter4/4.22a.pdf", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-W2S5", "kind": "source", "title": "The Windows 95 User Interface: A Case Study in Usability Engineering (CHI 96 design briefing)", "url": "https://web.archive.org/web/20121219183206/http://www.sigchi.org/chi96/proceedings/desbrief/Sullivan/kds_txt.htm", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-W2S6", "kind": "source", "title": "Netscape Handbook: Graphical Elements", "url": "http://home.mcom.com/home/manual_docs/graphics.html", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-W2S8", "kind": "source", "title": "Personal family homepage, GeoCities Heartland/1512 (Wayback capture 2001-04-13)", "url": "http://web.archive.org/web/20010413224548/http://www.geocities.com/Heartland/1512", "status": "verified", "retrieval": "retrieved" }, { "id": "kcc-internetcore-W2S9", "kind": "source", "title": "Personal genealogy homepage, GeoCities Heartland/1134 (Wayback capture 2001-04-04)", "url": "http://web.archive.org/web/20010404052147/http://www.geocities.com/Heartland/1134/", "status": "verified", "retrieval": "retrieved" } ], "relations": [], "open": [ { "kind": "missing_research", "question": "Where the terms Internetcore and Webcore were first used" }, { "kind": "missing_research", "question": "Grid, column count and spacing values. None are on the record." }, { "kind": "missing_research", "question": "Specific typefaces, sizes and a type scale." }, { "kind": "open_question", "question": "Does Internetcore have a three-dimensional organisation?" }, { "kind": "missing_research", "question": "D-work: contemporary design work (not animation) described as Internetcore" }, { "kind": "missing_research", "question": "D-term: first use outside the Aesthetics Wiki" }, { "kind": "missing_research", "question": "D-revival counter-reading" }, { "kind": "missing_research", "question": "1 untraced translation owed by D0-12" } ], "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": "internetcore", "stylesheet": "internetcore.css", "bytes": 54642, "colours": [ "#FFFFFF", "#000000", "#3B3B3B", "#5E5E5E", "#0000EE", "#551A8B", "#C0C0C0", "#808080", "#D4D0C8", "#000080", "#FFFFE1", "#B00000", "#006400", "#E9E6F5", "#DCD7EF", "#E8E8E8", "#6F7F84", "#E4E4E4", "#ECEAE6", "#F3EFE4", "#CFCFCF", "#EEEBF8", "#0B1A4A", "#BDBDBD", "#000033", "#CCCCFF", "#FFCC00" ], "radii": [ "50%" ], "fontSizes": [ ".6875rem", ".75rem", ".8125rem", "1rem", "1.0625rem", "1.1875rem", "1.375rem", "3rem", "11px", "15px", "20px", "24px" ], "faces": [ "IC Bitmap", "Courier New" ], "tokens": [ { "name": "--paper", "value": "#FFFFFF" }, { "name": "--ink", "value": "#000000" }, { "name": "--ink-2", "value": "#3B3B3B" }, { "name": "--ink-3", "value": "#5E5E5E" }, { "name": "--link", "value": "#0000EE" }, { "name": "--visited", "value": "#551A8B" }, { "name": "--silver", "value": "#C0C0C0" }, { "name": "--hi", "value": "#FFFFFF" }, { "name": "--lo", "value": "#808080" }, { "name": "--dk", "value": "#000000" }, { "name": "--face", "value": "#D4D0C8" }, { "name": "--sel", "value": "#000080" }, { "name": "--tip", "value": "#FFFFE1" }, { "name": "--warn", "value": "#B00000" }, { "name": "--ok", "value": "#006400" }, { "name": "--doc", "value": "\"Times New Roman\",Times,\"Liberation Serif\",\"Noto Serif\",serif" }, { "name": "--ui", "value": "Verdana,Tahoma,\"DejaVu Sans\",\"Liberation Sans\",sans-serif" }, { "name": "--px", "value": "\"IC Bitmap\",\"Courier New\",monospace" }, { "name": "--measure", "value": "38rem" }, { "name": "--g", "value": "#c0c0c0" }, { "name": "--p", "value": "#fff" }, { "name": "--a", "value": "#0000ee" }, { "name": "--a2", "value": "#551a8b" }, { "name": "--t", "value": "#000" }, { "name": "--h", "value": "#000080" }, { "name": "--on", "value": ":after { content: \"\"" } ], "animates": true, "absent": [] }, "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": "internetcore", "version": "2026-09-29", "summary": "A starting grammar for a website that quotes the early web and desktop on purpose: chosen interface primitives (bevels, windows, default links), one palette inherited from the source you quote, and low fidelity only where it has a reason.", "color": { "roles": [ { "role": "paper", "value": "#FFFFFF", "use": "The unstyled page.", "basis": "translation", "cites": [ "claim:palette-source", "claim:C-values" ] }, { "role": "ink", "value": "#000000", "contrast": "21:1", "use": "Text.", "basis": "translation", "cites": [ "claim:palette-source", "claim:C-values" ] }, { "role": "link", "value": "#0000EE", "contrast": "9.4:1", "use": "Unvisited links.", "basis": "translation", "cites": [ "claim:palette-source", "claim:C-values" ] }, { "role": "visited", "value": "#551A8B", "contrast": "11:1", "use": "Visited links.", "basis": "translation", "cites": [ "claim:palette-source", "claim:C-values" ] }, { "role": "chrome", "value": "#C0C0C0", "use": "System grey: controls and window frames.", "basis": "translation", "cites": [ "claim:palette-source", "claim:C-values" ] }, { "role": "title", "value": "#000080", "use": "Active title bars and selection.", "basis": "translation", "cites": [ "claim:palette-source", "claim:C-values" ] } ], "alternates": [ { "label": "Desktop UI ground", "recorded": "desktop UI", "value": "#3A6EA5", "basis": "translation", "cites": [ "claim:palette-source", "claim:C-values" ] }, { "label": "Personal homepage ground", "recorded": "personal homepage", "value": "#000000", "basis": "translation", "cites": [ "claim:palette-source", "claim:C-values" ] } ], "rules": [ { "rule": "There is no canonical Internetcore palette. Colour inherits from the digital reference being quoted.", "basis": "record", "cites": [ "claim:palette-source" ] }, { "rule": "Every colour value shown for a palette source is Aesthetary's.", "basis": "translation", "cites": [ "claim:C-values" ], "because": "The record holds this as its own web translation for the screen, not as a rule of the language." }, { "rule": "Quote the 216 browser-safe colours only when the page is quoting that constraint.", "basis": "translation", "cites": [ "claim:kcc:w2-color-1", "claim:kcc:w2-color-2", "claim:lofi-reason" ], "because": "The browser-safe palette existed because most users had 8-bit video in 1996, and it leans saturated; the constraint is the reason to use it." } ] }, "typography": { "family": { "stack": "\"Times New Roman\", Times, \"Liberation Serif\", serif", "class": "browser-default serif for reading and display, with the system sans for interface and one bitmap face" }, "roles": [ { "role": "display", "size": "clamp(2.5rem, 7vw, 5.5rem)", "weight": 700, "lineHeight": "0.95", "case": null, "tracking": null, "measure": null, "use": "The default serif at a scale no default reached." }, { "role": "body", "size": "1.125rem", "weight": 400, "lineHeight": "1.55", "case": null, "tracking": null, "measure": "38rem", "use": "Reading, in the default serif." }, { "role": "ui", "size": "0.8125rem", "weight": 400, "lineHeight": "1.45", "case": null, "tracking": null, "measure": null, "use": "Labels, buttons, menus, in the system sans." } ], "tokens": { "font-ui": "Verdana, Tahoma, \"DejaVu Sans\", sans-serif", "font-px": "\"IC Bitmap\", \"Courier New\", monospace" }, "rules": [ { "rule": "Internetcore does not require a pixel font. The typography must participate in the computing and internet reference.", "basis": "record", "cites": [ "claim:no-pixel-requirement" ] }, { "rule": "Draw on four families of reference: system sans, bitmap or display, monospace, and the browser-default serif.", "basis": "record", "cites": [ "claim:T-families" ] }, { "rule": "A pixel font everywhere is costume.", "basis": "record", "cites": [ "claim:T-costume" ] }, { "rule": "Give each family one job: default serif for reading and display, system sans for interface.", "basis": "translation", "cites": [ "claim:T-jobs" ], "because": "The record holds this as its own web translation for the screen, not as a rule of the language." }, { "rule": "Never set body text in a bitmap face below 16px.", "basis": "translation", "cites": [ "claim:T-size" ], "because": "The record holds this as its own web translation for the screen, not as a rule of the language." }, { "rule": "Use Verdana for the interface.", "basis": "translation", "cites": [ "claim:kcc:typography-3", "claim:T-jobs" ], "because": "Verdana was made for on-screen display in the source period." } ] }, "gridLayout": { "summary": "Not a column system: one of three structural metaphors (Document, Desktop, Portal), chosen by what the content is.", "tokens": { "measure": "38rem" }, "rules": [ { "rule": "Choose one structural metaphor, drawn from a source language: Document, Desktop or Portal.", "basis": "record", "cites": [ "claim:L-metaphors" ] }, { "rule": "Expose interface structure. Frames, bars and panels are visible, not hidden.", "basis": "record", "cites": [ "claim:L1" ] }, { "rule": "The Document metaphor keeps a narrow measure even on wide screens.", "basis": "translation", "cites": [ "claim:L-measure" ], "because": "The record holds this as its own web translation for the screen, not as a rule of the language." }, { "rule": "On narrow screens the Desktop metaphor stops overlapping: windows stack in reading order.", "basis": "translation", "cites": [ "claim:L-stack" ], "because": "The record holds this as its own web translation for the screen, not as a rule of the language." }, { "rule": "The sources do not specify a grid, gutter or column count.", "basis": "not_recorded", "cites": [], "guidance": "Size from the metaphor; say so if you add a grid.", "silence": "source" } ] }, "shapeGeometry": { "tokens": { "radius": "0", "bevel-out": "inset -1px -1px 0 #000, inset 1px 1px 0 #fff, inset -2px -2px 0 #808080, inset 2px 2px 0 #D4D0C8", "bevel-in": "inset 1px 1px 0 #808080, inset -1px -1px 0 #fff, inset 2px 2px 0 #000, inset -2px -2px 0 #D4D0C8", "rule": "1px solid #000000" }, "rules": [ { "rule": "Use rectangular interface primitives: hard edges, system-window geometry, pixel boundaries, native-control proportions.", "basis": "record", "cites": [ "claim:radius" ] }, { "rule": "Radius 0 on windows, fields and buttons, unless the quoted source itself rounds a corner.", "basis": "translation", "cites": [ "claim:S-radius" ], "because": "The record holds this as its own web translation for the screen, not as a rule of the language." }, { "rule": "Make depth from 1px bevels, never blurred shadows.", "basis": "translation", "cites": [ "claim:S-bevel" ], "because": "The record holds this as its own web translation for the screen, not as a rule of the language." } ] }, "imagery": { "rules": [ { "rule": "Low fidelity should have a reason. Artefacts applied to everything are a filter, not Internetcore.", "basis": "record", "cites": [ "claim:lofi-reason" ] }, { "rule": "Choose from six image types: compressed raster, GIF-like animation, bitmap icon, primitive CGI, webcam or personal imagery, scanned image.", "basis": "record", "cites": [ "claim:I-types" ] }, { "rule": "Draw icons on a 32px grid and scale them by whole multiples.", "basis": "translation", "cites": [ "claim:kcc:imagery-1", "claim:I-types" ], "because": "Desktop icons of the source period were monochrome bitmaps on a 32 x 32 grid." } ] }, "components": { "button": { "name": "Button", "becomes": "A raised system control: silver face, a 1px bevel, pressed by inverting the bevel; the default action carries one extra black outline.", "anatomy": [ "silver face", "two-step bevel, light top-left, dark bottom-right", "label in the system sans", "default action: 1px black outline" ], "tokens": { "background": "#C0C0C0", "color": "#000000", "shadow": "inset -1px -1px 0 #000, inset 1px 1px 0 #fff, inset -2px -2px 0 #808080, inset 2px 2px 0 #D4D0C8", "radius": "0", "height": "2rem" }, "states": { "default": "Raised bevel.", "hover": "No change: system controls did not hover.", "focus": "1px dotted rectangle inside the face.", "active": "Bevel inverted; label shifts 1px down and right.", "disabled": "Grey label with a white emboss." }, "accessibility": [ "A real