feat: add community publishing and news syndication
This commit is contained in:
@@ -2,29 +2,30 @@
|
||||
target: application route system
|
||||
total_score: 28
|
||||
max_score: 40
|
||||
na_heuristics:
|
||||
na_heuristics:
|
||||
p0_count: 0
|
||||
p1_count: 2
|
||||
timestamp: 2026-07-26T15-49-23Z
|
||||
slug: src-routes
|
||||
---
|
||||
|
||||
# SHD.build route-system critique
|
||||
|
||||
## Design Health Score
|
||||
|
||||
| # | Heuristic | Score | Key issue |
|
||||
|---|---|---:|---|
|
||||
| 1 | Visibility of system status | 4 | ISAC exposes environment, access, mode, active navigation, and filter state clearly. |
|
||||
| 2 | Match system / real world | 3 | SHD vocabulary is authentic, but codes such as OSPR and WMOD need plain-language support. |
|
||||
| 3 | User control and freedom | 3 | Navigation and cancellation patterns are strong; empty destinations and filter clearing are less explicit. |
|
||||
| 4 | Consistency and standards | 3 | Shared patterns are cohesive, but live search plus Search, static-looking KPI links, and Edit-only rows diverge. |
|
||||
| 5 | Error prevention | 3 | Guardrails are extensive, but Add/Edit consequence language is not visible before entry. |
|
||||
| 6 | Recognition rather than recall | 2 | Seventeen ISAC destinations, code labels, and visually identical category cards create scanning burden. |
|
||||
| 7 | Flexibility and efficiency | 3 | Search, filtering, page sizes, and grouped navigation help experts; one-page registries expose unnecessary controls. |
|
||||
| 8 | Aesthetic and minimalist design | 2 | The system is disciplined, but cinematic hero scale and equally weighted bordered blocks compete with the task. |
|
||||
| 9 | Error recovery | 3 | The application has designed error and preservation patterns, though recovery was not exercised in the inspected states. |
|
||||
| 10 | Help and documentation | 2 | Microcopy exists, but ISAC terms, permissions, and proposal consequences lack contextual help. |
|
||||
| **Total** | | **28/40** | **Good foundation; focused hierarchy and disclosure work needed.** |
|
||||
| # | Heuristic | Score | Key issue |
|
||||
| --------- | ------------------------------- | --------: | ------------------------------------------------------------------------------------------------------------------------ |
|
||||
| 1 | Visibility of system status | 4 | ISAC exposes environment, access, mode, active navigation, and filter state clearly. |
|
||||
| 2 | Match system / real world | 3 | SHD vocabulary is authentic, but codes such as OSPR and WMOD need plain-language support. |
|
||||
| 3 | User control and freedom | 3 | Navigation and cancellation patterns are strong; empty destinations and filter clearing are less explicit. |
|
||||
| 4 | Consistency and standards | 3 | Shared patterns are cohesive, but live search plus Search, static-looking KPI links, and Edit-only rows diverge. |
|
||||
| 5 | Error prevention | 3 | Guardrails are extensive, but Add/Edit consequence language is not visible before entry. |
|
||||
| 6 | Recognition rather than recall | 2 | Seventeen ISAC destinations, code labels, and visually identical category cards create scanning burden. |
|
||||
| 7 | Flexibility and efficiency | 3 | Search, filtering, page sizes, and grouped navigation help experts; one-page registries expose unnecessary controls. |
|
||||
| 8 | Aesthetic and minimalist design | 2 | The system is disciplined, but cinematic hero scale and equally weighted bordered blocks compete with the task. |
|
||||
| 9 | Error recovery | 3 | The application has designed error and preservation patterns, though recovery was not exercised in the inspected states. |
|
||||
| 10 | Help and documentation | 2 | Microcopy exists, but ISAC terms, permissions, and proposal consequences lack contextual help. |
|
||||
| **Total** | | **28/40** | **Good foundation; focused hierarchy and disclosure work needed.** |
|
||||
|
||||
## Design Specificity Verdict
|
||||
|
||||
@@ -36,11 +37,12 @@ blocks flatten into a generic dark administrative grid.
|
||||
|
||||
The deterministic scan found seven source findings across `src/routes`: one
|
||||
warning for the two-pixel semantic notification rail in
|
||||
`src/routes/account/+page.svelte`, and six advisory colors outside the documented
|
||||
palette in the homepage and account route. The rail is largely a detector false
|
||||
positive because it conveys semantic message state, but its colors should still
|
||||
come from named tokens. The homepage build colors are data-like values rather
|
||||
than structural CSS, yet they also bypass the maintained palette.
|
||||
`src/routes/account/+page.svelte`, and six advisory colors outside the
|
||||
documented palette in the homepage and account route. The rail is largely a
|
||||
detector false positive because it conveys semantic message state, but its
|
||||
colors should still come from named tokens. The homepage build colors are
|
||||
data-like values rather than structural CSS, yet they also bypass the maintained
|
||||
palette.
|
||||
|
||||
Mutable browser injection was unavailable, so no visual overlay is claimed.
|
||||
Fresh Chrome tabs, screenshots, DOM snapshots, and computed styles instead
|
||||
@@ -72,8 +74,8 @@ its complexity according to the operator's current task and role.
|
||||
|
||||
The Attributes screen simultaneously presents 17 sidebar destinations, four
|
||||
system-state blocks, four KPI filters, search, pagination, row-size controls,
|
||||
six table columns, and repeated Edit actions. Experienced operators can scan
|
||||
it, but contributors and new Oversight users must decode the whole information
|
||||
six table columns, and repeated Edit actions. Experienced operators can scan it,
|
||||
but contributors and new Oversight users must decode the whole information
|
||||
architecture before acting.
|
||||
|
||||
**Fix:** make sidebar groups collapsible, prioritize modules by role and recent
|
||||
@@ -109,8 +111,8 @@ to a clear secondary path.
|
||||
|
||||
### P2 — Empty registries promise the same value as populated registries
|
||||
|
||||
Four of eight Database cards show zero records and “Awaiting contributions,”
|
||||
but look and behave like full destinations. That creates repeated anticipation
|
||||
Four of eight Database cards show zero records and “Awaiting contributions,” but
|
||||
look and behave like full destinations. That creates repeated anticipation
|
||||
followed by a low-value endpoint.
|
||||
|
||||
**Fix:** give empty registries an explicit empty-state anatomy with expected
|
||||
@@ -121,10 +123,10 @@ not imply the same outcome as populated data.
|
||||
|
||||
### P2 — Functional contrast and interaction grammar remain uneven
|
||||
|
||||
Muted database descriptions, inactive navigation, unit sublabels, and
|
||||
pagination text recede heavily. KPI filters resemble static metrics, table rows
|
||||
look selectable while only the small Edit action works, and a Search button
|
||||
remains beside an input that searches as the user types.
|
||||
Muted database descriptions, inactive navigation, unit sublabels, and pagination
|
||||
text recede heavily. KPI filters resemble static metrics, table rows look
|
||||
selectable while only the small Edit action works, and a Search button remains
|
||||
beside an input that searches as the user types.
|
||||
|
||||
**Fix:** reserve the dimmest tone for nonessential metadata, raise informative
|
||||
copy and available navigation one contrast step, make KPI filter state
|
||||
@@ -147,9 +149,9 @@ seven-plus pagination/search controls, and 22 repeated Edit actions.
|
||||
The Database hero creates a confident, premium entry peak. Populated cards
|
||||
promise useful intelligence, but visually equal empty categories produce a
|
||||
disappointment valley. ISAC's “Online / Authorized / Admin” state reassures
|
||||
operators, then the uniform density creates fatigue with little calm focus.
|
||||
The most important missing reassurance is a plain statement of what Add/Edit
|
||||
will do to live data.
|
||||
operators, then the uniform density creates fatigue with little calm focus. The
|
||||
most important missing reassurance is a plain statement of what Add/Edit will do
|
||||
to live data.
|
||||
|
||||
## Persona Red Flags
|
||||
|
||||
|
||||
+220
-22
@@ -8,133 +8,331 @@
|
||||
"role": "neutral",
|
||||
"displayName": "Operations Black",
|
||||
"canonical": "#0a0c0d",
|
||||
"tonalRamp": ["#050606", "#0a0c0d", "#171a1b", "#303536", "#555c5e", "#858b8d", "#c1c4c2", "#f0f0eb"]
|
||||
"tonalRamp": [
|
||||
"#050606",
|
||||
"#0a0c0d",
|
||||
"#171a1b",
|
||||
"#303536",
|
||||
"#555c5e",
|
||||
"#858b8d",
|
||||
"#c1c4c2",
|
||||
"#f0f0eb"
|
||||
]
|
||||
},
|
||||
"terminal-black": {
|
||||
"role": "neutral",
|
||||
"displayName": "Terminal Black",
|
||||
"canonical": "#0d0f10",
|
||||
"tonalRamp": ["#050606", "#0d0f10", "#1b1e1f", "#34393a", "#596062", "#888f91", "#c3c7c6", "#f1f2ee"]
|
||||
"tonalRamp": [
|
||||
"#050606",
|
||||
"#0d0f10",
|
||||
"#1b1e1f",
|
||||
"#34393a",
|
||||
"#596062",
|
||||
"#888f91",
|
||||
"#c3c7c6",
|
||||
"#f1f2ee"
|
||||
]
|
||||
},
|
||||
"terminal-surface": {
|
||||
"role": "neutral",
|
||||
"displayName": "Terminal Surface",
|
||||
"canonical": "#111415",
|
||||
"tonalRamp": ["#070808", "#111415", "#202425", "#393e3f", "#5f6668", "#8d9496", "#c6cac9", "#f2f3ef"]
|
||||
"tonalRamp": [
|
||||
"#070808",
|
||||
"#111415",
|
||||
"#202425",
|
||||
"#393e3f",
|
||||
"#5f6668",
|
||||
"#8d9496",
|
||||
"#c6cac9",
|
||||
"#f2f3ef"
|
||||
]
|
||||
},
|
||||
"terminal-graphite": {
|
||||
"role": "neutral",
|
||||
"displayName": "Terminal Graphite",
|
||||
"canonical": "#141718",
|
||||
"tonalRamp": ["#080a0a", "#111415", "#202425", "#343a3b", "#565e60", "#858d8f", "#c0c5c3", "#f0f1ed"]
|
||||
"tonalRamp": [
|
||||
"#080a0a",
|
||||
"#111415",
|
||||
"#202425",
|
||||
"#343a3b",
|
||||
"#565e60",
|
||||
"#858d8f",
|
||||
"#c0c5c3",
|
||||
"#f0f1ed"
|
||||
]
|
||||
},
|
||||
"active-graphite": {
|
||||
"role": "neutral",
|
||||
"displayName": "Active Graphite",
|
||||
"canonical": "#15191a",
|
||||
"tonalRamp": ["#080a0a", "#15191a", "#252a2b", "#3e4445", "#626a6c", "#909799", "#c8cccb", "#f2f3f0"]
|
||||
"tonalRamp": [
|
||||
"#080a0a",
|
||||
"#15191a",
|
||||
"#252a2b",
|
||||
"#3e4445",
|
||||
"#626a6c",
|
||||
"#909799",
|
||||
"#c8cccb",
|
||||
"#f2f3f0"
|
||||
]
|
||||
},
|
||||
"modeled-data-surface": {
|
||||
"role": "neutral",
|
||||
"displayName": "Modeled Data Surface",
|
||||
"canonical": "#0d1213",
|
||||
"tonalRamp": ["#050708", "#0d1213", "#1c2527", "#334043", "#526165", "#7d8b8e", "#bac2c2", "#eff1ef"]
|
||||
"tonalRamp": [
|
||||
"#050708",
|
||||
"#0d1213",
|
||||
"#1c2527",
|
||||
"#334043",
|
||||
"#526165",
|
||||
"#7d8b8e",
|
||||
"#bac2c2",
|
||||
"#eff1ef"
|
||||
]
|
||||
},
|
||||
"structural-line": {
|
||||
"role": "neutral",
|
||||
"displayName": "Structural Line",
|
||||
"canonical": "#303536",
|
||||
"tonalRamp": ["#0d0f10", "#1b1f20", "#303536", "#4b5152", "#6a7274", "#92999b", "#c3c8c7", "#f0f1ee"]
|
||||
"tonalRamp": [
|
||||
"#0d0f10",
|
||||
"#1b1f20",
|
||||
"#303536",
|
||||
"#4b5152",
|
||||
"#6a7274",
|
||||
"#92999b",
|
||||
"#c3c8c7",
|
||||
"#f0f1ee"
|
||||
]
|
||||
},
|
||||
"structural-line-soft": {
|
||||
"role": "neutral",
|
||||
"displayName": "Structural Line Soft",
|
||||
"canonical": "#272c2d",
|
||||
"tonalRamp": ["#0b0d0d", "#181b1c", "#272c2d", "#43494a", "#656d6f", "#8e9597", "#c2c6c5", "#eff0ed"]
|
||||
"tonalRamp": [
|
||||
"#0b0d0d",
|
||||
"#181b1c",
|
||||
"#272c2d",
|
||||
"#43494a",
|
||||
"#656d6f",
|
||||
"#8e9597",
|
||||
"#c2c6c5",
|
||||
"#eff0ed"
|
||||
]
|
||||
},
|
||||
"structural-line-strong": {
|
||||
"role": "neutral",
|
||||
"displayName": "Structural Line Strong",
|
||||
"canonical": "#424849",
|
||||
"tonalRamp": ["#111415", "#252a2b", "#424849", "#5d6567", "#7c8587", "#a0a7a8", "#c9cdcc", "#f1f2ef"]
|
||||
"tonalRamp": [
|
||||
"#111415",
|
||||
"#252a2b",
|
||||
"#424849",
|
||||
"#5d6567",
|
||||
"#7c8587",
|
||||
"#a0a7a8",
|
||||
"#c9cdcc",
|
||||
"#f1f2ef"
|
||||
]
|
||||
},
|
||||
"modeled-data-line": {
|
||||
"role": "neutral",
|
||||
"displayName": "Modeled Data Line",
|
||||
"canonical": "#3b4648",
|
||||
"tonalRamp": ["#0e1314", "#20292b", "#3b4648", "#566366", "#758184", "#9aa3a5", "#c6cbca", "#f0f2ef"]
|
||||
"tonalRamp": [
|
||||
"#0e1314",
|
||||
"#20292b",
|
||||
"#3b4648",
|
||||
"#566366",
|
||||
"#758184",
|
||||
"#9aa3a5",
|
||||
"#c6cbca",
|
||||
"#f0f2ef"
|
||||
]
|
||||
},
|
||||
"field-manual-white": {
|
||||
"role": "neutral",
|
||||
"displayName": "Field Manual White",
|
||||
"canonical": "#ecebe5",
|
||||
"tonalRamp": ["#252522", "#44433f", "#66655f", "#898780", "#aaa8a1", "#cac8c1", "#ecebe5", "#faf9f5"]
|
||||
"tonalRamp": [
|
||||
"#252522",
|
||||
"#44433f",
|
||||
"#66655f",
|
||||
"#898780",
|
||||
"#aaa8a1",
|
||||
"#cac8c1",
|
||||
"#ecebe5",
|
||||
"#faf9f5"
|
||||
]
|
||||
},
|
||||
"telemetry-muted": {
|
||||
"role": "neutral",
|
||||
"displayName": "Telemetry Muted",
|
||||
"canonical": "#858b8d",
|
||||
"tonalRamp": ["#151718", "#292d2e", "#414647", "#5e6466", "#858b8d", "#a6abad", "#cbd0cf", "#f1f2ef"]
|
||||
"tonalRamp": [
|
||||
"#151718",
|
||||
"#292d2e",
|
||||
"#414647",
|
||||
"#5e6466",
|
||||
"#858b8d",
|
||||
"#a6abad",
|
||||
"#cbd0cf",
|
||||
"#f1f2ef"
|
||||
]
|
||||
},
|
||||
"telemetry-dim": {
|
||||
"role": "neutral",
|
||||
"displayName": "Telemetry Dim",
|
||||
"canonical": "#5d6567",
|
||||
"tonalRamp": ["#111314", "#222627", "#373c3d", "#4b5254", "#5d6567", "#858d8f", "#bcc1c0", "#eef0ed"]
|
||||
"tonalRamp": [
|
||||
"#111314",
|
||||
"#222627",
|
||||
"#373c3d",
|
||||
"#4b5254",
|
||||
"#5d6567",
|
||||
"#858d8f",
|
||||
"#bcc1c0",
|
||||
"#eef0ed"
|
||||
]
|
||||
},
|
||||
"signal-orange": {
|
||||
"role": "primary",
|
||||
"displayName": "Signal Orange",
|
||||
"canonical": "#f6a821",
|
||||
"tonalRamp": ["#2b1a05", "#4c2f08", "#754a0d", "#a66c14", "#d7901c", "#f6a821", "#ffd278", "#fff1cf"]
|
||||
"tonalRamp": [
|
||||
"#2b1a05",
|
||||
"#4c2f08",
|
||||
"#754a0d",
|
||||
"#a66c14",
|
||||
"#d7901c",
|
||||
"#f6a821",
|
||||
"#ffd278",
|
||||
"#fff1cf"
|
||||
]
|
||||
},
|
||||
"signal-orange-hover": {
|
||||
"role": "primary",
|
||||
"displayName": "Signal Orange Hover",
|
||||
"canonical": "#ffc45d",
|
||||
"tonalRamp": ["#2d1f08", "#51380d", "#785515", "#a97824", "#d99d39", "#ffc45d", "#ffdda0", "#fff3d9"]
|
||||
"tonalRamp": [
|
||||
"#2d1f08",
|
||||
"#51380d",
|
||||
"#785515",
|
||||
"#a97824",
|
||||
"#d99d39",
|
||||
"#ffc45d",
|
||||
"#ffdda0",
|
||||
"#fff3d9"
|
||||
]
|
||||
},
|
||||
"system-success": {
|
||||
"role": "secondary",
|
||||
"displayName": "System Success",
|
||||
"canonical": "#75c08c",
|
||||
"tonalRamp": ["#102a19", "#194328", "#275f39", "#3f7d50", "#5c9e6d", "#75c08c", "#a8dcba", "#e2f4e8"]
|
||||
"tonalRamp": [
|
||||
"#102a19",
|
||||
"#194328",
|
||||
"#275f39",
|
||||
"#3f7d50",
|
||||
"#5c9e6d",
|
||||
"#75c08c",
|
||||
"#a8dcba",
|
||||
"#e2f4e8"
|
||||
]
|
||||
},
|
||||
"system-danger": {
|
||||
"role": "secondary",
|
||||
"displayName": "System Danger",
|
||||
"canonical": "#df8069",
|
||||
"tonalRamp": ["#32130e", "#542219", "#793428", "#a54a39", "#c9634f", "#df8069", "#edae9f", "#f8dfd9"]
|
||||
"tonalRamp": [
|
||||
"#32130e",
|
||||
"#542219",
|
||||
"#793428",
|
||||
"#a54a39",
|
||||
"#c9634f",
|
||||
"#df8069",
|
||||
"#edae9f",
|
||||
"#f8dfd9"
|
||||
]
|
||||
},
|
||||
"system-info": {
|
||||
"role": "secondary",
|
||||
"displayName": "System Information",
|
||||
"canonical": "#70b9d6",
|
||||
"tonalRamp": ["#0d2630", "#163f50", "#245b70", "#387991", "#5599b3", "#70b9d6", "#a6d5e7", "#e1f1f7"]
|
||||
"tonalRamp": [
|
||||
"#0d2630",
|
||||
"#163f50",
|
||||
"#245b70",
|
||||
"#387991",
|
||||
"#5599b3",
|
||||
"#70b9d6",
|
||||
"#a6d5e7",
|
||||
"#e1f1f7"
|
||||
]
|
||||
},
|
||||
"quality-standard": {
|
||||
"role": "tertiary",
|
||||
"displayName": "Standard Quality",
|
||||
"canonical": "#69b66f",
|
||||
"tonalRamp": ["#0e2912", "#17431d", "#255e2b", "#397b3e", "#519a56", "#69b66f", "#9dd4a1", "#dff0e0"]
|
||||
"tonalRamp": [
|
||||
"#0e2912",
|
||||
"#17431d",
|
||||
"#255e2b",
|
||||
"#397b3e",
|
||||
"#519a56",
|
||||
"#69b66f",
|
||||
"#9dd4a1",
|
||||
"#dff0e0"
|
||||
]
|
||||
},
|
||||
"quality-specialized": {
|
||||
"role": "tertiary",
|
||||
"displayName": "Specialized Quality",
|
||||
"canonical": "#4f9ed8",
|
||||
"tonalRamp": ["#0c2435", "#123c59", "#1d567d", "#2d72a3", "#408dc4", "#4f9ed8", "#8dc5ea", "#d9edf8"]
|
||||
"tonalRamp": [
|
||||
"#0c2435",
|
||||
"#123c59",
|
||||
"#1d567d",
|
||||
"#2d72a3",
|
||||
"#408dc4",
|
||||
"#4f9ed8",
|
||||
"#8dc5ea",
|
||||
"#d9edf8"
|
||||
]
|
||||
},
|
||||
"quality-superior": {
|
||||
"role": "tertiary",
|
||||
"displayName": "Superior Quality",
|
||||
"canonical": "#9b68d4",
|
||||
"tonalRamp": ["#21132f", "#38204f", "#522f70", "#704594", "#8959b7", "#9b68d4", "#c3a2e5", "#eee1f7"]
|
||||
"tonalRamp": [
|
||||
"#21132f",
|
||||
"#38204f",
|
||||
"#522f70",
|
||||
"#704594",
|
||||
"#8959b7",
|
||||
"#9b68d4",
|
||||
"#c3a2e5",
|
||||
"#eee1f7"
|
||||
]
|
||||
},
|
||||
"quality-high-end": {
|
||||
"role": "tertiary",
|
||||
"displayName": "High-end Quality",
|
||||
"canonical": "#e4bd3f",
|
||||
"tonalRamp": ["#2d2408", "#4c3c0d", "#6f5815", "#95771f", "#bd992d", "#e4bd3f", "#f0d982", "#fbf2ce"]
|
||||
"tonalRamp": [
|
||||
"#2d2408",
|
||||
"#4c3c0d",
|
||||
"#6f5815",
|
||||
"#95771f",
|
||||
"#bd992d",
|
||||
"#e4bd3f",
|
||||
"#f0d982",
|
||||
"#fbf2ce"
|
||||
]
|
||||
}
|
||||
},
|
||||
"typographyMeta": {
|
||||
|
||||
Reference in New Issue
Block a user