stylegallery 0.1.3 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/AGENTS.md +2 -1
  2. package/DOMAINS.md +3 -1
  3. package/GOVERNANCE.md +3 -1
  4. package/README.md +8 -5
  5. package/consumer-reference/agent-native/README.md +12 -1
  6. package/consumer-reference/agent-native/v2/admission-policy.json +106 -1
  7. package/consumer-reference/agent-native/v2/material-registry.json +1 -1
  8. package/consumer-reference/agent-native/v2/schema/admission-policy.schema.json +3 -3
  9. package/consumer-reference/agent-native/v2/schema/material-record.schema.json +1 -1
  10. package/design-engineering/consumer-migration-readiness.md +124 -0
  11. package/design-engineering/interface-craft.md +107 -0
  12. package/design-terminology/concept-families.md +78 -0
  13. package/design-terminology/conflict-cases.md +120 -0
  14. package/design-terminology/index.md +65 -0
  15. package/design-terminology/relation-types.md +103 -0
  16. package/design-terminology/source-kinds.md +77 -0
  17. package/design-terminology/source-vocabularies.md +79 -0
  18. package/game-ui/classification.md +82 -0
  19. package/game-ui/reference-record.md +62 -0
  20. package/game-ui/screen-hierarchy.md +107 -0
  21. package/game-ui/unity/architecture.md +166 -0
  22. package/game-ui/unity/cli-loop.md +84 -0
  23. package/game-ui/unity/org-wiki.md +146 -0
  24. package/game-ui/unity/repository-map.md +102 -0
  25. package/game-ui/unity/ui-systems.md +85 -0
  26. package/guides/vocabulary.md +1 -1
  27. package/index.md +2 -1
  28. package/log.md +5 -0
  29. package/motion/practice-reference.md +145 -0
  30. package/motion/review-workflow.md +86 -0
  31. package/motion/vocabulary.md +82 -0
  32. package/package.json +22 -1
  33. package/platform-guides/apple-interaction.md +89 -0
  34. package/quality/claim-records/design-terminology-domain-scope.md +57 -0
  35. package/quality/evidence/executable-evidence.md +1 -1
  36. package/quality/index.md +2 -2
  37. package/scripts/agent-native/v2/material-admission.mjs +1 -1
  38. package/scripts/agent-native/v2/material-identity.mjs +2 -2
  39. package/scripts/agent-native/v2/material-mcp-adapter.mjs +1 -1
  40. package/scripts/agent-native/v2/material-queries.mjs +60 -12
@@ -0,0 +1,107 @@
1
+ ---
2
+ type: Domain Guide
3
+ title: Interface Craft Decisions
4
+ description: Repository-bounded method for purpose, implementation, review, and evidence decisions at the product layer.
5
+ domain: design-engineering
6
+ lifecycle: experimental
7
+ source_repository: https://github.com/emilkowalski/skills
8
+ source_path: skills/emil-design-eng/SKILL.md
9
+ source_revision: 220e8607c90b17337d210125777b7b695f26c221
10
+ ---
11
+
12
+ # Interface Craft Decisions
13
+
14
+ Primary role: design-engineering decision guide.
15
+
16
+ ## Repository Boundary
17
+
18
+ This page helps connect product intent, implementation detail, and verification. It does not create a second StyleGallery principle set, rank visual taste as objective quality, or override Layout, accessibility, source-order, and shared evidence contracts.
19
+
20
+ ## Reusable Method
21
+
22
+ ### Establish The Job
23
+
24
+ Before tuning the interface, name:
25
+
26
+ - the user task and state change;
27
+ - why the behavior or treatment is necessary;
28
+ - how frequently it appears;
29
+ - which constraints and inputs it must survive;
30
+ - the observable that will decide whether it works.
31
+
32
+ If those answers are absent, implementation detail is premature.
33
+
34
+ ### Build A Verifiable Representation
35
+
36
+ Use semantic structure and the owning domain's smallest robust contract first. Prototype the uncertain interaction or visual relationship at the lowest fidelity that exposes its failure modes. A prototype is evidence of one implementation state, not proof of general usability.
37
+
38
+ ### Review Observable Failures
39
+
40
+ Inspect real content, empty states, long labels, constrained containers, repeated interaction, focus order, alternative input, relevant preferences, and target browsers/devices. When timing or continuity matters, review recordings slowly or frame by frame.
41
+
42
+ ### Record The Decision
43
+
44
+ Use the shared high-impact claim shape:
45
+
46
+ ```text
47
+ Principle:
48
+ Claim:
49
+ Context:
50
+ Use case:
51
+ Warrant:
52
+ Evidence family:
53
+ Verification protocol:
54
+ Implementation handoff:
55
+ Consumer reference: not_applicable
56
+ Consumer reference reason: This blank craft-decision template declares no consumer-specific reference record.
57
+ Boundary or limitation:
58
+ Debt or escalation:
59
+ Decision:
60
+ ```
61
+
62
+ This makes the result reviewable without turning the practitioner's preference into authority.
63
+
64
+ ## Decision Questions
65
+
66
+ | Question | Evidence that can help | What it cannot prove alone |
67
+ | --- | --- | --- |
68
+ | Does the detail serve the primary task? | Task model, prototype, user evidence | Universal preference |
69
+ | Is the default understandable without instruction? | Task completion, terminology test, comparative prototype | Long-term adoption |
70
+ | Does repetition make the behavior costly? | Frequency estimate, interaction timing, user evidence | One universal threshold |
71
+ | Does the interface preserve continuity? | Rendered sequence, source/focus inspection | Human orientation for every user |
72
+ | Does the implementation survive real constraints? | Content/container/input/browser matrix | Brand or aesthetic quality |
73
+ | Is the final polish coherent with declared intent? | Named comparative criteria and representative review | Objective beauty |
74
+
75
+ ## Opinionated Guidance
76
+
77
+ Small details can compound, strong defaults can lower adoption effort, and fresh-eye review can expose defects familiarity hides. These are practitioner heuristics. “Beautiful,” “delightful,” “premium,” “obvious,” and “feels right” require an operational definition and suitable human evidence when used as claims.
78
+
79
+ ## Platform-Specific Guidance
80
+
81
+ CSS entry features, clipping techniques, Motion/Framer Motion, React effects, component-library variables, pointer capture, and browser-specific performance behavior belong in bounded implementation notes. Verify current official documentation and the actual product surface before recommending them.
82
+
83
+ ## Unsupported Absolutes
84
+
85
+ - Beauty is not repository leverage or a sufficient acceptance criterion.
86
+ - A fixed duration, easing, scale, velocity, or frequency threshold is not universal.
87
+ - CSS does not categorically outperform JavaScript.
88
+ - A property or API name does not prove hardware acceleration.
89
+ - Product popularity does not prove a reusable implementation pattern.
90
+ - A promotional or enthusiastic posture is not part of the review contract.
91
+
92
+ ## Verification Contract
93
+
94
+ Every high-impact recommendation maps `principle -> claim -> context -> warrant -> evidence -> protocol -> boundary/debt`. Visual and interaction claims require rendered evidence; accessibility claims use the accessibility gate; human-quality claims need corresponding user or HCI evidence. A passing implementation keeps the owning domain's constraints visible in the handoff.
95
+
96
+ ## Source, License, And Attribution
97
+
98
+ - Upstream inspiration: [emil-design-eng/SKILL.md](https://github.com/emilkowalski/skills/blob/220e8607c90b17337d210125777b7b695f26c221/skills/emil-design-eng/SKILL.md)
99
+ - Snapshot: `220e8607c90b17337d210125777b7b695f26c221`
100
+ - Upstream license: MIT, Copyright (c) 2026 Emil Kowalski.
101
+ - Reuse form: independent method rewrite; upstream prose, tables, code, examples, distinctive ordering, and the quotation attributed to Paul Graham were not retained.
102
+ - Evidence boundary: this practitioner source suggests review questions; it does not establish local quality, accessibility, performance, or adoption outcomes.
103
+
104
+ ## IA Navigation
105
+
106
+ Parent: [Design Engineering](index.md).
107
+ Next: [Platform Guides](../platform-guides/index.md).
@@ -0,0 +1,78 @@
1
+ ---
2
+ type: Domain Guide
3
+ title: Design Concept Families
4
+ description: Classification of design terms into foundation, interface-artifact, guidance, governance, consumption, and tooling-construct concept families.
5
+ domain: design-terminology
6
+ lifecycle: experimental
7
+ ---
8
+
9
+ # Design Concept Families
10
+
11
+ Primary role: design-term concept-family classification guide.
12
+
13
+ ## Repository Boundary
14
+
15
+ This guide classifies design terms by the decision each term serves, as a property of the term's concept, independent of what kind of source uses it. A system's name for itself is not a concept family; see [Design Source Kinds](source-kinds.md). The families are review tools, not a universal ontology, and they never rename StyleGallery's own terms.
16
+
17
+ ## Reusable Method
18
+
19
+ 1. Capture the term inside its native source context with a named source.
20
+ 2. Identify the underlying concept, then assign one primary concept family.
21
+ 3. Record scope: whole system, one library, or a single artifact.
22
+ 4. Record audience and medium: designer-facing, engineer-facing, or tool-layer.
23
+ 5. Express relations to other terms only through the typed model in [Design Term Relations](relation-types.md).
24
+ 6. Cite the named source and document surface; never generalize from one source's usage.
25
+
26
+ ## Concept Families
27
+
28
+ | Family | Question it answers | Typical terms |
29
+ | --- | --- | --- |
30
+ | `foundation` | What are the smallest reusable inputs? | token, design token, variable, primitive, core, base |
31
+ | `interface-artifact` | What are the built interface units? | component, element, control, block, module, variant, state |
32
+ | `guidance` | How is intent communicated? | principle, guideline, heuristic, standard, specification, recipe |
33
+ | `governance` | How does the system change? | contribution, deprecation, versioning, adoption, migration, maturity |
34
+ | `consumption` | Who uses which form? | package, library, kit, theme, plugin, preset |
35
+ | `tooling-construct` | What does a tool's data model expose? | design-tool variable, mode, tool component, library file |
36
+
37
+ `pattern` is recorded as `guidance` or `interface-artifact` depending on the cited source's own scope, never both at once.
38
+
39
+ ## Classification Cases
40
+
41
+ | Case | Rule | Example |
42
+ | --- | --- | --- |
43
+ | Same term at different scope | Classify by the scope the source actually defines | `pattern` as workflow guidance in Carbon versus a spatial arrangement in a pattern library |
44
+ | Same term for different audiences | Record audience as a separate axis before comparing | `token` in design tooling versus in generated CSS |
45
+ | Era shift | Classify by current source usage; note the older meaning as history | `style guide` narrowed as `design system` broadened |
46
+ | Tool layer versus system layer | A tool construct is `tooling-construct`, not the system's term for the same concept | A tool's variables versus a system's published token format |
47
+ | Local override | A product may rename a family term locally; the family is shared, the authority is not | A product calling patterns `blocks` |
48
+
49
+ ## Opinionated Guidance
50
+
51
+ - Classify the term as the named source uses it today, then compare through relations; never build one merged definition first.
52
+ - Keep family and scope separate: `component` stays `interface-artifact` whether it names a button or a page region.
53
+ - Prefer the narrowest scope the source supports; widen only with a second cited source.
54
+ - Treat missing terms as gaps in that source's vocabulary, not omissions to fill by inference.
55
+
56
+ ## Platform-Specific Guidance
57
+
58
+ Record the named source, its kind, and the review date for every classification. Route platform convention comparison to [Platform Guides](../platform-guides/index.md), motion terms to Motion, and StyleGallery's own term decisions to the [Controlled Vocabulary](../guides/vocabulary.md).
59
+
60
+ ## Unsupported Absolutes
61
+
62
+ - One source's family structure is not a universal taxonomy.
63
+ - A term's popularity does not establish its definition.
64
+ - A tool vendor's feature name does not define the industry term.
65
+ - Absence of a term in one source does not invalidate its use in another.
66
+
67
+ ## Verification Contract
68
+
69
+ For every classified term, verify the named source still uses the term in the recorded family, scope, audience, and medium; re-check era-shifted terms against the current source; and confirm every cross-source claim carries a typed relation with a boundary.
70
+
71
+ ## Source, License, And Attribution
72
+
73
+ This page is a locally authored, project-neutral proposed taxonomy. It cites named systems only as usage evidence and reproduces no upstream definitional prose.
74
+
75
+ ## IA Navigation
76
+
77
+ Parent: [Design Terminology](index.md).
78
+ Next: [Design Term Relations](relation-types.md).
@@ -0,0 +1,120 @@
1
+ ---
2
+ type: Domain Guide
3
+ title: Cross-System Term Cases
4
+ description: Typed-relation term records and three representative cross-system scenarios with non-equivalence boundaries.
5
+ domain: design-terminology
6
+ lifecycle: experimental
7
+ ---
8
+
9
+ # Cross-System Term Cases
10
+
11
+ Primary role: applied cross-system term relation record.
12
+
13
+ ## Repository Boundary
14
+
15
+ This page applies the typed relation model to recorded term records and conflict scenarios. It does not rename StyleGallery's own terms, and its relations are working judgments with boundaries, not claims that one source's definition is correct. V0.1 records these as Markdown; the structured registry is a promotion prerequisite.
16
+
17
+ ## Reusable Method
18
+
19
+ 1. Name the sources in tension and the shared term.
20
+ 2. Record each side as a term record with source, kind, concept, status, and scope.
21
+ 3. Assign one relation type per pair per scope.
22
+ 4. Write the non-equivalence boundary: where substitution breaks.
23
+ 5. Stamp `reviewed_on`; re-verify when any involved source revises its term.
24
+
25
+ ## Term Records
26
+
27
+ | Term | Source (kind) | Concept | Status | Scope | Reviewed on |
28
+ | --- | --- | --- | --- | --- | --- |
29
+ | `figma.variable` | Figma (`design-tool`) | named-design-value | current | file- or collection-bound | 2026-08-18 |
30
+ | `figma.mode` | Figma (`design-tool`) | theme-context | current | variable collection | 2026-08-18 |
31
+ | `figma.component` | Figma (`design-tool`) | tool-instance-model | current | file-bound | 2026-08-18 |
32
+ | `component.code` | Codebases (`design-system`) | ui-building-block | current | codebase | 2026-08-18 |
33
+ | `component.system` | Published system units (`design-system`) | published-ui-building-block | current | system-wide | 2026-08-18 |
34
+ | `dtcg.token` | DTCG Format (`specification`) | interchange-record | current | format-bound | 2026-08-18 |
35
+ | `css.custom-property` | CSS (`web-platform`) | runtime-value-slot | current | document/runtime | 2026-08-18 |
36
+ | `polaris.token` | Polaris (`design-system`) | published-design-value | current | system-wide | 2026-08-18 |
37
+ | `carbon.pattern` | Carbon (`design-system`) | workflow-guidance | current | system-wide | 2026-08-18 |
38
+ | `polaris.pattern` | Polaris (`design-system`) | workflow-guidance | current | system-wide | 2026-08-18 |
39
+ | `stylegallery.pattern` | StyleGallery (`pattern-library`) | spatial-primitive | current | repository | 2026-08-18 |
40
+ | `primitive` (shared usage) | multiple systems | base-layer-input | current | per-system | 2026-08-18 |
41
+ | `hig.material` | Apple HIG (`platform-guideline`) | visual-surface-treatment | current | OS platforms | 2026-08-18 |
42
+ | `material.system` | Google (`design-system`) | system-collection-name | current | brand-wide | 2026-08-18 |
43
+ | `styleguide` (historical) | industry history | visual-style-governance | historical | org-wide | 2026-08-18 |
44
+ | `designsystem` (general) | industry usage | layered-system-collection | current | org-wide | 2026-08-18 |
45
+ | `foundation` (layer label) | Material, Fluent, Carbon, Polaris (`design-system`) | base-layer-label | current | per-system | 2026-08-18 |
46
+ | `variant` (`mode`/`state`/`theme`) | tool, code, tokens | theme-variant-context | current | per-surface | 2026-08-18 |
47
+
48
+ ## Recorded Relations
49
+
50
+ | From | To | Type | Boundary |
51
+ | --- | --- | --- | --- |
52
+ | `figma.variable` | `dtcg.token` | `partial_overlap` | Exportable variables intersect the format; tool features such as modes exceed it, and not every variable is a portable token |
53
+ | `figma.variable` | `css.custom-property` | `implementation_representation` | Variables can bind to custom properties in codegen; the binding is a representation path, not semantic identity |
54
+ | `dtcg.token` | `css.custom-property` | `implementation_representation` | Custom properties are one serialization target for token values and also hold non-design values |
55
+ | `polaris.token` | `dtcg.token` | `implementation_representation` | The format is one representation of Polaris's published values; the system, not the format, owns the values |
56
+ | `figma.mode` | `variant` | `near_equivalent` | Modes, tool variants, component states, and token themes overlap as context switching but diverge in binding level |
57
+ | `figma.component` | `component.code` | `same_label_different_meaning` | Tool instance model versus shipped code unit; swapping definitions breaks handoff |
58
+ | `figma.component` | `component.system` | `same_label_different_meaning` | A tool construct versus a published system unit with API and support |
59
+ | `carbon.pattern` | `stylegallery.pattern` | `partial_overlap` | Both are reusable solutions above atomic controls; Carbon patterns are workflow guidance, StyleGallery patterns are spatial primitives |
60
+ | `carbon.pattern` | `polaris.pattern` | `near_equivalent` | Both name system-level workflow guidance with content and maturity differences |
61
+ | `carbon.pattern` | `component.system` | `broader_than` | Within Carbon, patterns compose components into flows; the containment is system-scoped |
62
+ | `primitive` | `foundation` | `near_equivalent` | Shared base-layer usage across systems with unstable extension: sometimes tokens, sometimes atoms |
63
+ | `hig.material` | `material.system` | `same_label_different_meaning` | HIG names visual surface treatments; Material names a design system; the shared label is coincidence |
64
+ | `styleguide` | `designsystem` | `partial_overlap` | Era- and org-scoped: a historical style guide governs visual style; a design system layers foundations, code, and governance; both labels coexist |
65
+ | `foundation` (Material) | `foundation` | `near_equivalent` | Near-equivalent layer labels whose contents each system decides independently |
66
+
67
+ ## Scenario A: Component vs Pattern
68
+
69
+ Question: is a component a pattern; at what level do `primitive`, `component`, and `pattern` sit?
70
+
71
+ Query phrasing covered: `component versus pattern terminology`, `difference between component and pattern across design systems`.
72
+
73
+ Answer shape: per system, not universal. In Carbon, `pattern` is `broader_than` its components within Carbon's scope; `carbon.pattern` and `stylegallery.pattern` share the reusable-solution region only as `partial_overlap`; `primitive` is `near_equivalent` to foundation terms with an unstable extension. A merged one-line definition would erase these boundaries.
74
+
75
+ ## Scenario B: Variable vs Design Token vs CSS Custom Property
76
+
77
+ Question: are Figma's `variable`, DTCG's `token`, and CSS's `custom property` the same thing?
78
+
79
+ Query phrasing covered: `figma variable design token custom property`. This is the same-label different-meaning case.
80
+
81
+ Answer shape: no single equivalence holds. The three terms come from different source kinds (`design-tool`, `specification`, web platform mechanism) with different concepts: named-design-value, interchange-record, runtime-value-slot. `figma.variable` → `dtcg.token` is `partial_overlap`; `dtcg.token` → `css.custom-property` is `implementation_representation`. Substitution breaks in both directions: tool modes do not survive export, and custom properties carry non-design values.
82
+
83
+ ## Scenario C: Style Guide vs Design System
84
+
85
+ Question: is a `style guide` the same as a `design system`?
86
+
87
+ Query phrasing covered: `style guide versus design system`.
88
+
89
+ Answer shape: no; `partial_overlap` scoped by era and organization. The historical `styleguide` record carries `historical_scope`: org-wide visual governance, dominant before layered systems with code and tokens; `introduced_in`/`deprecated_in` are not globally datable because adoption is per-organization, which is exactly why the relation is not `renamed_to`. Named-source evidence: the four recorded design systems each publish foundations-plus-components-plus-guidance, which no cited historical style guide scope covers.
90
+
91
+ ## Opinionated Guidance
92
+
93
+ - Resolve a conflict only after naming every source involved; silent resolution creates the next conflict.
94
+ - Prefer surface-prefixed translations over merged definitions when handing off.
95
+ - StyleGallery's own [Controlled Vocabulary](../guides/vocabulary.md) stays authoritative inside this repository.
96
+ - Add a case only with at least two named, cited sources in genuine tension.
97
+
98
+ ## Platform-Specific Guidance
99
+
100
+ When a case involves a platform guideline source, cite that platform's surface and route deeper convention comparison to [Platform Guides](../platform-guides/index.md); engine terms route to Game UI; motion terms to Motion.
101
+
102
+ ## Unsupported Absolutes
103
+
104
+ - A working relation is not a standard.
105
+ - One source's revision does not obligate others to follow.
106
+ - A recorded case does not close the conflict outside its boundary.
107
+ - Tool feature names do not settle system-layer definitions.
108
+
109
+ ## Verification Contract
110
+
111
+ For each relation, verify both cited sources still use the recorded terms and meanings, the typed relation and boundary still hold, `reviewed_on` is current for the claim, and every case names at least two sources in tension.
112
+
113
+ ## Source, License, And Attribution
114
+
115
+ This page is a locally authored relation record with locally written summaries. Cited sources remain authoritative for their own definitions; no upstream definitional prose is reproduced.
116
+
117
+ ## IA Navigation
118
+
119
+ Parent: [Design Terminology](index.md).
120
+ Next: [StyleGallery Domains](../DOMAINS.md).
@@ -0,0 +1,65 @@
1
+ # Design Terminology
2
+
3
+ Design Terminology owns the decision surface that binds design terms to their named sources, classifies them by source kind and concept family, and judges typed semantic relations and conflicts between them.
4
+
5
+ ## Scope Boundary
6
+
7
+ In scope: source-kind classification for named vocabulary sources, concept-family classification for design terms, a typed relation model between terms from different sources, source-bounded vocabulary inventories with freshness fields, and cross-system conflict cases.
8
+
9
+ Out of scope: StyleGallery's own canonical naming, actual UI behavior or implementation methods, accessibility rules, platform-specific interaction adaptation, universal prescriptions about which term is generally better, and authority over any external vocabulary.
10
+
11
+ This domain decides: which source a term belongs to, what kind of source that is, which concept family the term serves, and what typed relation holds between two terms with its boundary. It does not decide what StyleGallery calls things internally, whether an implementation is correct, or which external definition wins.
12
+
13
+ ## Evidence And Research Boundary
14
+
15
+ V0.1 is a Markdown-only browsing and verification stage. Term records and typed relations are authored and reviewed as Markdown tables in [Cross-System Term Cases](conflict-cases.md); a machine-readable term, concept, source, and relation registry is a prerequisite for promotion beyond `experimental`. Material v2 currently exposes these pages through document search only; it does not answer structured crosswalk queries.
16
+
17
+ Representative questions this domain answers: are Figma's variable, the DTCG design token, and the CSS custom property the same thing; is a component a pattern; is a style guide the same as a design system; which of two clashing labels came from which source.
18
+
19
+ ## Promotion To Stable
20
+
21
+ Promotion beyond `experimental` requires all of the following, each pass/fail checkable:
22
+
23
+ - A named review owner, secondary reviewer, freshness owner, and dispute resolver are recorded.
24
+ - A machine-readable registry with schema exists for terms, concepts, sources, and relations; until then `scripts/validate-design-terminology.mjs` enforces record consistency on the Markdown tables.
25
+ - A relation invariant validator derived from the forbidden error states in [Design Term Relations](relation-types.md) passes.
26
+ - Every term carries a direct source locator.
27
+ - Every relation names both sources and a non-trivial boundary.
28
+ - At least three representative user tasks are verified: judging same-label different-meaning, judging a cross-system relation, and separating a historical term from a current one.
29
+ - Representative findability queries return a target document or record.
30
+ - Unresolved semantic disputes: zero.
31
+ - Stale sources beyond their re-review trigger: zero.
32
+ - Usage evidence from at least one real human or agent consumer exists.
33
+
34
+ ## Content Review Contract
35
+
36
+ Record consistency is enforced mechanically from v0.1 by `scripts/validate-design-terminology.mjs`, which parses the term and relation tables and rejects unknown types, unrecorded terms, empty boundaries, contradiction pairs, malformed dates, and orphan terms. Human semantic review is a **stable-promotion gate only**, not a merge gate for `experimental` content; it covers every term and relation (not a sample) against this checklist:
37
+
38
+ - Is the source kind correct for each cited source?
39
+ - Does each term description match what its source actually supports?
40
+ - Is each relation type appropriate for its pair?
41
+ - Is each relation boundary sufficient?
42
+ - Are both terms compared at the same abstraction level?
43
+ - Is official-source authority overstated anywhere?
44
+ - Is each historical/current status correct?
45
+
46
+ The review result is recorded as: terms reviewed, relations reviewed, counts of accepted, revised, and unresolved items, reviewer name, and review date. Author self-audit alone does not satisfy promotion.
47
+
48
+ This domain is a working method template: consumers may fork it and re-record their own sources, terms, and relations. Forked records are consumer-owned and never feed values back into StyleGallery.
49
+
50
+ ## Available Guides
51
+
52
+ - [Design Source Kinds](source-kinds.md) classifies what kind of thing a vocabulary source is before its terms are read.
53
+ - [Design Source Vocabularies](source-vocabularies.md) inventories named sources with kind, version boundary, status, and review date.
54
+ - [Design Concept Families](concept-families.md) classifies design terms by the decision each term serves.
55
+ - [Design Term Relations](relation-types.md) defines the typed relation model and the term record shape.
56
+ - [Cross-System Term Cases](conflict-cases.md) applies typed relations to recorded term records and conflict scenarios.
57
+
58
+ ## Domain Contract
59
+
60
+ [Vocabulary](../guides/vocabulary.md) owns StyleGallery's canonical internal word set; Design Terminology compares the meanings and relations of terms used by external named sources. Platform Guides compares platform interaction conventions, not terminology; Motion owns motion terminology. Naming rationale: topology suggests a relation graph this domain does not yet provide; terminology is the accurate name for comparing definitions, usage scope, and conflicts. Scope decision: [Design Terminology Domain Scope Decision](../quality/claim-records/design-terminology-domain-scope.md).
61
+
62
+ ## IA Navigation
63
+
64
+ Parent: [StyleGallery](../index.md).
65
+ Next: [Design Source Kinds](source-kinds.md).
@@ -0,0 +1,103 @@
1
+ ---
2
+ type: Domain Guide
3
+ title: Design Term Relations
4
+ description: Typed semantic relation model between design terms from different named sources, and the term record shape.
5
+ domain: design-terminology
6
+ lifecycle: experimental
7
+ ---
8
+
9
+ # Design Term Relations
10
+
11
+ Primary role: typed term relation model.
12
+
13
+ ## Repository Boundary
14
+
15
+ This guide defines the closed set of typed relations used to judge how two design terms relate, and the shape of a term record. It does not decide which external definition is correct, and its types never rename StyleGallery's own terms. Relations are judgments recorded with evidence, not standards.
16
+
17
+ ## Reusable Method
18
+
19
+ 1. Record both terms with their sources, kinds, and concepts.
20
+ 2. Choose exactly one relation type from the closed set below.
21
+ 3. Write the boundary statement: the specific scope in which the relation holds and where it breaks.
22
+ 4. Stamp `reviewed_on`; a relation without a date is unverified.
23
+ 5. Re-verify the relation whenever either source revises the term.
24
+
25
+ ## Relation Types
26
+
27
+ | Relation type | Meaning | Invariants | Required boundary statement |
28
+ | --- | --- | --- | --- |
29
+ | `equivalent_within_scope` | The two terms denote the same concept inside one named scope | Symmetric; a named scope must exist and be recorded | The scope, and what changes outside it |
30
+ | `near_equivalent` | Mostly overlapping meaning with known divergences | Symmetry must be declared per record; the axis creating the divergence must be named | The divergences and their axis |
31
+ | `partial_overlap` | Some instances satisfy both terms; others satisfy only one | Symmetric; both the common region and each non-common region must be recorded | Which instances fall on each side |
32
+ | `broader_than` | The first term's extension properly contains the second's | Directional; the reverse side must hold `narrower_than` when recorded from the other term; a counterexample direction must exist | The contained region and a counterexample direction |
33
+ | `narrower_than` | Inverse of `broader_than` | Directional; must be the inverse of the paired `broader_than` record | Same as above, inverted |
34
+ | `implementation_representation` | One term is a way the other is serialized, stored, or consumed | Directional and fixed: the from-term is the representation, the to-term is the semantic concept; the direction must not flip between records of the same pair | The representation direction and what is lost or added |
35
+ | `renamed_to` | A source replaced one label with another | Intra-source temporal: both terms must belong to one named source, with a dated or versioned rename event | The rename event and both statuses |
36
+ | `deprecated_in_favor_of` | A source withdrew one term in favor of another | Requires a deprecation basis and a replacement source of record | The withdrawal scope and migration note |
37
+ | `same_label_different_meaning` | Identical labels, distinct concepts | Requires evidence that label is identical while concept or scope differs | Both meanings and the confusion risk |
38
+ | `not_comparable` | No meaningful relation holds at the cited scopes | Symmetric; the comparison axis that fails must be named | Why comparison fails |
39
+
40
+ ### Forbidden Error States
41
+
42
+ A relation record is invalid when any of the following holds:
43
+
44
+ - The same term pair records `broader_than` and `narrower_than` simultaneously in one direction (these are inverse views, not two facts).
45
+ - The same pair and scope records `equivalent_within_scope` and `not_comparable` (or any other contradiction) at once.
46
+ - `renamed_to` lacks a time or version basis for the rename event.
47
+ - Either term lacks an official, named source.
48
+ - The boundary field is empty or restates the type without adding scope.
49
+
50
+ These rules are the human contract for v0.1; when the structured registry lands, they become validator rules unchanged.
51
+
52
+ ## Term Record Shape
53
+
54
+ ```yaml
55
+ term_id: figma.variable
56
+ label: Variable
57
+ source: figma # named source from source-vocabularies
58
+ source_kind: design-tool # from source-kinds
59
+ concept: named-design-value
60
+ status: current # current | deprecated | historical | unknown
61
+ scope: file-or-collection-bound
62
+ reviewed_on: 2026-08-18
63
+ relations:
64
+ - target: dtcg.token
65
+ type: partial_overlap
66
+ boundary: >
67
+ Some tool variables export as interchange tokens, but tool features
68
+ such as modes exceed the format, and not every variable is a
69
+ portable design token.
70
+ ```
71
+
72
+ In v0.1 this shape is authored as the Markdown tables in [Cross-System Term Cases](conflict-cases.md). A machine-readable registry holding terms, concepts, sources, and relations is a prerequisite for promoting this domain beyond `experimental`; until then Material v2 answers document search only, not structured crosswalk queries.
73
+
74
+ ## Opinionated Guidance
75
+
76
+ - One relation type per pair, per scope; two relations for the same pair require two named scopes.
77
+ - `partial_overlap` with a stated boundary beats an unqualified equivalence.
78
+ - A relation between different source kinds must say what the kind difference contributes.
79
+ - Reject a recorded relation whose boundary restates the type without adding scope.
80
+
81
+ ## Platform-Specific Guidance
82
+
83
+ Relations involving a platform guideline source cite that platform's surface; deeper convention comparison routes to [Platform Guides](../platform-guides/index.md).
84
+
85
+ ## Unsupported Absolutes
86
+
87
+ - A relation is not a standard and binds no source.
88
+ - Popularity does not decide `broader_than`.
89
+ - Tool-layer feature names do not settle system-layer relations.
90
+ - Absence of a relation between two terms is not evidence of equivalence.
91
+
92
+ ## Verification Contract
93
+
94
+ Every recorded relation names two term records, one type from the closed set, a non-trivial boundary, and a review date; verify both sources still use the terms as recorded before promotion.
95
+
96
+ ## Source, License, And Attribution
97
+
98
+ This page is a locally authored model. Cited sources remain authoritative for their own definitions; no upstream prose is reproduced.
99
+
100
+ ## IA Navigation
101
+
102
+ Parent: [Design Terminology](index.md).
103
+ Next: [Cross-System Term Cases](conflict-cases.md).
@@ -0,0 +1,77 @@
1
+ ---
2
+ type: Domain Guide
3
+ title: Design Source Kinds
4
+ description: Classification of vocabulary sources into design system, platform guideline, specification, design tool, pattern library, and brand style guide kinds.
5
+ domain: design-terminology
6
+ lifecycle: experimental
7
+ ---
8
+
9
+ # Design Source Kinds
10
+
11
+ Primary role: vocabulary source-kind classification guide.
12
+
13
+ ## Repository Boundary
14
+
15
+ This guide classifies what kind of thing a vocabulary source is before any of its terms are read or compared. Source kind is a property of the source, not of a term; a term inherits its source's kind for reading rules only. The kinds are review tools for comparing sources, not a ranking of authority.
16
+
17
+ ## Reusable Method
18
+
19
+ 1. Identify the named source and its official link.
20
+ 2. Assign one primary source kind.
21
+ 3. Record what the kind implies for reading its terms: audience, stability, and versioning behavior.
22
+ 4. Record the version boundary: specification version, product version, OS release cycle, or a dated review set for living sites.
23
+ 5. Re-classify when a source restructures, such as a design tool publishing a system layer.
24
+ 6. Never compare terms across kinds as though the kinds were identical.
25
+
26
+ ## Source Kinds
27
+
28
+ | Source kind | What it is | How to read its terms | Examples |
29
+ | --- | --- | --- | --- |
30
+ | `design-system` | A maintained, layered collection of foundations, components, and guidance, usually with code | Terms name layers of one system's current release; expect drift across releases | Material 3, Fluent 2, Carbon, Polaris |
31
+ | `platform-guideline` | A platform owner's rules for software on that platform | Terms are scoped to the platform's release cycle and certification context | Apple Human Interface Guidelines |
32
+ | `specification` | A versioned interchange or conformance document | Terms are defined exactly for the version; meaning changes require a new version | W3C Design Tokens Format |
33
+ | `design-tool` | A product whose data model exposes tool constructs | Terms name tool features, not industry definitions; product versions rename freely | Figma variables, modes, components |
34
+ | `web-platform` | A browser or platform runtime mechanism | Terms name runtime behavior standardized across vendors, not one system's vocabulary | CSS custom properties |
35
+ | `pattern-library` | A curated collection of reusable solutions, with or without a full system | Terms name the collection's own units; scope is the collection, not an organization | StyleGallery Layout patterns |
36
+ | `brand-style-guide` | An organization's visual and voice governance document | Terms govern expression, not interface structure; often narrower than a design system | Historical print-lineage style guides |
37
+
38
+ ## Classification Cases
39
+
40
+ | Case | Rule | Example |
41
+ | --- | --- | --- |
42
+ | Platform guideline mistaken for a design system | A platform guideline binds a platform release; a design system versions itself | HIG is a platform guideline even though it looks system-like |
43
+ | Specification mistaken for a system | A specification defines an interchange shape; it ships no components or guidance | DTCG Format defines the token data model, not a token set |
44
+ | Tool feature mistaken for an industry term | A tool construct is evidence of the tool's model, not a universal definition | Figma `variables` is a feature name |
45
+ | Pattern library inside a system | A library can be part of a system; classify by what is being cited | Citing Carbon patterns cites the system's library layer |
46
+ | Brand guide that grew into a system | Classify by what the cited source governs today, and record the history | An org guide that now ships tokens and code |
47
+
48
+ ## Opinionated Guidance
49
+
50
+ - Record source kind before recording any term from that source.
51
+ - Treat kind and authority as separate: an official source of any kind is authoritative only for itself.
52
+ - Prefer the narrowest kind that fits the cited surface.
53
+ - Date every kind assignment; sources restructure.
54
+
55
+ ## Platform-Specific Guidance
56
+
57
+ Platform guideline sources are recorded here only for terminology. Bounded comparison of their interaction conventions belongs to [Platform Guides](../platform-guides/index.md); engine vocabulary belongs to Game UI.
58
+
59
+ ## Unsupported Absolutes
60
+
61
+ - Source kind does not imply quality or maturity.
62
+ - One system's layer structure is not a template for other kinds.
63
+ - A tool's market share does not convert its feature names into industry terms.
64
+ - A specification's precision does not extend to systems that consume it.
65
+
66
+ ## Verification Contract
67
+
68
+ For every recorded source, verify the official link resolves, the source kind still fits the cited surface, the version boundary is stated, and the review date is current enough for the claim being made.
69
+
70
+ ## Source, License, And Attribution
71
+
72
+ This page is a locally authored, project-neutral classification. Named sources are cited only as examples of their kind; no upstream definitional prose is reproduced.
73
+
74
+ ## IA Navigation
75
+
76
+ Parent: [Design Terminology](index.md).
77
+ Next: [Design Source Vocabularies](source-vocabularies.md).
@@ -0,0 +1,79 @@
1
+ ---
2
+ type: Domain Guide
3
+ title: Design Source Vocabularies
4
+ description: Freshness-bounded inventory of named vocabulary sources with source kind, vocabulary surface, version boundary, and review status.
5
+ domain: design-terminology
6
+ lifecycle: experimental
7
+ ---
8
+
9
+ # Design Source Vocabularies
10
+
11
+ Primary role: named vocabulary source inventory.
12
+
13
+ ## Repository Boundary
14
+
15
+ This page inventories the named sources whose terms this domain records, with the fields needed to re-verify each reading later. It records which surfaces each source publishes, not what any surface should contain. It does not adjudicate a universal definition of `design system` or rank sources.
16
+
17
+ ## Reusable Method
18
+
19
+ 1. Name the source and its owner.
20
+ 2. Assign the source kind using [Design Source Kinds](source-kinds.md).
21
+ 3. Record the published vocabulary surfaces as verbatim layer names.
22
+ 4. Record the version boundary and status, and stamp `reviewed_on` and `retrieved_on`.
23
+ 5. Re-verify before any promotion beyond `experimental`, and record what changed.
24
+
25
+ ## Recorded Sources
26
+
27
+ | Source | Owner | Source kind | Vocabulary surface | Version boundary | Status | Reviewed on |
28
+ | --- | --- | --- | --- | --- | --- | --- |
29
+ | [Material 3](https://m3.material.io/foundations) | Google | `design-system` | `foundations`, `components`, `styles`, `design tokens` | Living site; reviewed page set below | current | 2026-08-18 |
30
+ | [Human Interface Guidelines](https://developer.apple.com/design/human-interface-guidelines/) | Apple | `platform-guideline` | `components`, `materials`, `layout`, patterns | OS release cycle; reviewed page set | current | 2026-08-18 |
31
+ | [Fluent 2](https://fluent2.microsoft.design/) | Microsoft | `design-system` | `foundations`, `components`, `patterns`, tokens | Living site; reviewed page set | current | 2026-08-18 |
32
+ | [Carbon](https://carbondesignsystem.com/) | IBM | `design-system` | `foundations` including tokens, `components`, `patterns` | Living site; reviewed page set | current | 2026-08-18 |
33
+ | [Polaris](https://polaris.shopify.com/) | Shopify | `design-system` | `foundations` including design tokens, `components`, `patterns`, `icons` | Living site; package versions for code | current | 2026-08-18 |
34
+ | [Design Tokens Format](https://tr.designtokens.org/) | W3C Design Tokens Community Group | `specification` | `token`, `group`, `alias` data model | Specification draft version | current | 2026-08-18 |
35
+ | [Figma](https://help.figma.com/hc/en-us) | Figma | `design-tool` | `variables`, `modes`, `components` as tool constructs | Product and help-center version | current | 2026-08-18 |
36
+
37
+ All entries cite official first-party URLs (`authority: official`); `retrieved_on` equals `reviewed_on` for this revision.
38
+
39
+ ## Freshness Policy
40
+
41
+ Every recorded source carries: `source_url`, `source_kind`, a version boundary (specification version, product version, OS cycle, or dated reviewed page set), `status` in `current` / `deprecated` / `historical` / `unknown`, `reviewed_on`, and `retrieved_on`. Living sites without publishable versions record the reviewed page set and a re-review trigger. Terms with era history additionally record `introduced_in`, `deprecated_in`, `renamed_to`, and `historical_scope` in [Cross-System Term Cases](conflict-cases.md).
42
+
43
+ ## Reading The Inventory
44
+
45
+ - Four of the seven sources are design systems; HIG is a platform guideline, DTCG is a specification, Figma is a tool. Horizontal comparison is valid only within a kind, or through typed relations with boundaries.
46
+ - `foundations` labels are near-equivalent as layer names, but each system decides what the layer contains.
47
+ - The DTCG row records an interchange format, not a published token set.
48
+ - Dates above are the reading bound; any later restructure is new evidence, not a back-fill.
49
+
50
+ ## Opinionated Guidance
51
+
52
+ - Cite surfaces verbatim; do not translate one source's layer names into another's inside a record.
53
+ - Add a source only when its vocabulary surface is public, named, and officially linkable.
54
+ - Record doc-surface and code-package vocabulary separately when they diverge.
55
+ - Treat a renamed surface as new evidence with a new review date.
56
+
57
+ ## Platform-Specific Guidance
58
+
59
+ Platform-owned sources appear here only for terminology records; interaction-convention comparison routes to [Platform Guides](../platform-guides/index.md).
60
+
61
+ ## Unsupported Absolutes
62
+
63
+ - A source's layer count is not a maturity measure.
64
+ - Absence of a surface does not mean the source lacks that capability.
65
+ - This inventory does not verify any link resolves today beyond its recorded review date.
66
+ - Inclusion here is not an endorsement for product adoption.
67
+
68
+ ## Verification Contract
69
+
70
+ Before promotion or material edit, re-verify each cited surface still exists and still publishes the recorded layer names; update `status` and `reviewed_on`; confirm no entry quotes upstream definitional text.
71
+
72
+ ## Source, License, And Attribution
73
+
74
+ This page is locally authored. Every cited source remains the authority on its own vocabulary; links are usage evidence, and no upstream prose, tables, or code samples are reproduced.
75
+
76
+ ## IA Navigation
77
+
78
+ Parent: [Design Terminology](index.md).
79
+ Next: [Design Concept Families](concept-families.md).