Class

Semantic SVG

A single responsive SVG with four nested visibility tiers — tier-chip (rendered at <60px wide), tier-icon (60-160), tier-card (160-400), and tier-full (>=400). CSS media queries inside the SVG show exactly one tier based on the rendered viewport, so one file works as a favicon, a sidebar tile, a grid card, and an embedded hero figure without per-context variants. Used as the resource's universal visual identity — every Kanonak resource gets `<canonical>.svg` at its URL. When a class does not declare a SemanticSvg view, the renderer emits a default — first letter of `rdfs.label` on the cascaded `--kan-accent` token, with tier-full adding the full label. Domain-specific extensions (custom per-tier SVG fragments) attach via future per-tier slot properties; v1.2.0 ships the defaults only.

Class
Subclass Of
View

Referenced by

← Domain

Datatype PropertyTier Card SVGRaw SVG fragment for 160-400px renders — ResourceGrid card thumbnails. Same placeholder + CSS-variable rules as tierChip.look@1.20.0
Datatype PropertyTier Chip SVGRaw SVG fragment shown when the resource's SVG is rendered at <60px wide — favicon, tree node, breadcrumb dot. Placed inside the `<g class="tier-chip">` group.…look@1.20.0
Datatype PropertyTier Full SVGRaw SVG fragment for >=400px renders — hero figures, embed cards. Same placeholder + CSS-variable rules as tierChip.look@1.20.0
Datatype PropertyTier Icon SVGRaw SVG fragment for 60-160px renders — sidebar tiles, hover previews. Same placeholder + CSS-variable rules as tierChip.look@1.20.0

← Range

Object PropertySemantic SVGThe class-level or instance-level SemanticSvg declaration. Renderers asking for a resource's SVG walk the type cascade looking for this property, and the…look@1.20.0