Linked.Archi

Linked.Archi C4 Model Visual Notation Set

Visual Notation

https://meta.linked.archi/c4/notation#

v0.1.0 draft c4not: Kalin Maldzhanski Linked.Archi Modified: 2026-05-16 License

Visual notation descriptors for C4 model elements and relationships. Defines the standard C4 visual appearance — colored boxes with technology labels, person shapes, and dashed dependency arrows. Follows the conventions from c4model.com and Structurizr rendering defaults.

C4 Standard Notation

The standard C4 model visual notation as defined by c4model.com and rendered by Structurizr. Uses colored rounded rectangles with technology labels, a person silhouette for users, and dashed arrows for relationships.

https://meta.linked.archi/c4/notation#C4StandardNotation

📖 See the Visual Notation Guide for rendering rules and usage.

Element Notations 16

Visual appearance definitions for model elements — shape, fill color, icon, and default dimensions.

Element 15
ComponentNotation
Target: Component
Preferred Icon: preferred notation icon https://meta.linked.archi/c4/icons/component.svg
Shape: RoundedRectangle
Fill: #85BBF0
Line: #78A8D8
Rendering: ShapeWithBadge
Size: 160.0 × 110.0
ComponentExternalNotation
Target: Component
Preferred Icon: preferred notation icon https://meta.linked.archi/c4/icons/component-ext.svg
Shape: Rectangle
Fill: #999999
Line: #8B8B8B
Rendering: ShapeWithBadge
Size: 160.0 × 110.0
ContainerNotation
Target: Container
Preferred Icon: preferred notation icon https://meta.linked.archi/c4/icons/container.svg
Shape: RoundedRectangle
Fill: #438DD5
Line: #3C7FC0
Rendering: ShapeWithBadge
Size: 160.0 × 110.0
DatabaseNotation
Target: Container
Preferred Icon: preferred notation icon https://meta.linked.archi/c4/icons/database.svg
Shape: Cylinder
Fill: #438DD5
Line: #3C7FC0
Rendering: ShapeWithBadge
Size: 160.0 × 110.0
MobileAppNotation
Target: Container
Preferred Icon: preferred notation icon https://meta.linked.archi/c4/icons/mobile-app.svg
Shape: RoundedRectangle
Fill: #438DD5
Line: #3C7FC0
Rendering: ShapeWithBadge
Size: 160.0 × 110.0
WebBrowserNotation
Target: Container
Preferred Icon: preferred notation icon https://meta.linked.archi/c4/icons/web-browser.svg
Shape: RoundedRectangle
Fill: #438DD5
Line: #3C7FC0
Rendering: ShapeWithBadge
Size: 160.0 × 110.0
ContainerExternalNotation
Target: Container
Preferred Icon: preferred notation icon https://meta.linked.archi/c4/icons/container-ext.svg
Shape: Rectangle
Fill: #999999
Line: #8B8B8B
Rendering: ShapeWithBadge
Size: 160.0 × 110.0
DatabaseExternalNotation
Target: Container
Preferred Icon: preferred notation icon https://meta.linked.archi/c4/icons/database-ext.svg
Shape: Cylinder
Fill: #999999
Line: #8B8B8B
Rendering: ShapeWithBadge
Size: 160.0 × 110.0
MobileAppExternalNotation
Target: Container
Preferred Icon: preferred notation icon https://meta.linked.archi/c4/icons/mobile-app-ext.svg
Shape: RoundedRectangle
Fill: #999999
Line: #8B8B8B
Rendering: ShapeWithBadge
Size: 160.0 × 110.0
WebBrowserExternalNotation
Target: Container
Preferred Icon: preferred notation icon https://meta.linked.archi/c4/icons/web-browser-ext.svg
Shape: RoundedRectangle
Fill: #999999
Line: #8B8B8B
Rendering: ShapeWithBadge
Size: 160.0 × 110.0
DeploymentNodeNotation
Target: DeploymentNode
Preferred Icon: preferred notation icon https://meta.linked.archi/c4/icons/deployment-node.svg
Shape: Rectangle
Fill: #FFFFFF
Line: #888888
Rendering: ShapeWithBadge
Size: 200.0 × 150.0
PersonNotation
Target: Person
Preferred Icon: preferred notation icon https://meta.linked.archi/c4/icons/person.svg
Shape: RoundedRectangle
Fill: #08427B
Line: #073B6F
Rendering: ShapeWithBadge
Size: 120.0 × 120.0
PersonExternalNotation
Target: Person
Preferred Icon: preferred notation icon https://meta.linked.archi/c4/icons/person-ext.svg
Shape: RoundedRectangle
Fill: #999999
Line: #8B8B8B
Rendering: ShapeWithBadge
Size: 120.0 × 120.0
SoftwareSystemNotation
Target: SoftwareSystem
Preferred Icon: preferred notation icon https://meta.linked.archi/c4/icons/software-system.svg
Shape: RoundedRectangle
Fill: #1168BD
Line: #0B4884
Rendering: ShapeWithBadge
Size: 160.0 × 110.0
SoftwareSystemExternalNotation
Target: SoftwareSystem
Preferred Icon: preferred notation icon https://meta.linked.archi/c4/icons/software-system-ext.svg
Shape: Rectangle
Fill: #999999
Line: #8B8B8B
Rendering: ShapeWithBadge
Size: 160.0 × 110.0
DeploymentNode 1
InfrastructureNodeNotation
Target: InfrastructureNode
Preferred Icon: preferred notation icon https://meta.linked.archi/c4/icons/infrastructure-node.svg
Shape: RoundedRectangle
Fill: #FFFFFF
Line: #888888
Rendering: ShapeWithBadge
Icon placement: TopRight
Size: 160.0 × 80.0
Glyph: https://meta.linked.archi/c4/icons/glyphs/cloud-gear.svg

Relationship Notations 4

Line style and endpoint decorations for relationships.

Notation Relationship Line Style Source Target
ComponentContainmentNotation ComponentContainment SolidLine FilledDiamond NoDecoration
ContainerContainmentNotation ContainerContainment SolidLine FilledDiamond NoDecoration
UsingNotation Using DashedLine NoDecoration OpenArrowhead
DeploymentNotation Deployment DashedLine NoDecoration OpenArrowhead
Source: linked-archi-meta • Linked.Archi