diff --git a/assets/cloud-native-landscape/oscal-compass.svg b/assets/cloud-native-landscape/oscal-compass.svg
new file mode 100644
index 0000000..de9c62d
--- /dev/null
+++ b/assets/cloud-native-landscape/oscal-compass.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(0.4503050148487091, 0, 0, 0.44579198956489563, 53.903114318847656, -11.086820602416992)" style="">
+    <defs>
+      <filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="50" y="50" width="700" height="700">
+        <feColorMatrix type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"/>
+      </filter>
+    </defs>
+    <mask maskUnits="userSpaceOnUse" x="50" y="50" width="700" height="700" id="hexagon_00000009569822297771789820000001260469763321794973_">
+      <g class="st0" style="filter: url('#Adobe_OpacityMaskFilter');">
+        <g>
+          <g>
+            <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="159.375" y1="225" x2="655.4887" y2="225">
+              <stop offset="0" style="stop-color:#FFFFFF;stop-opacity:0"/>
+              <stop offset="1" style="stop-color:#FFFFFF"/>
+            </linearGradient>
+            <line class="st1" x1="159.4" y1="225" x2="655.5" y2="225" style="fill: none; stroke: url('#SVGID_1_'); stroke-linejoin: round; stroke-miterlimit: 10; stroke-width: 31.5px;"/>
+            <linearGradient id="SVGID_00000072271899359082450810000008057519116174020233_" gradientUnits="userSpaceOnUse" x1="115.625" y1="487.5" x2="476.5625" y2="487.5">
+              <stop offset="0" style="stop-color:#FFFFFF;stop-opacity:0"/>
+              <stop offset="1" style="stop-color:#FFFFFF"/>
+            </linearGradient>
+            <line style="fill:none;stroke:url(#SVGID_00000072271899359082450810000008057519116174020233_);stroke-width:31.5;stroke-linejoin:round;stroke-miterlimit:10;" x1="115.6" y1="487.5" x2="476.6" y2="487.5"/>
+            <linearGradient id="SVGID_00000111182463372364912320000001373108586569901999_" gradientUnits="userSpaceOnUse" x1="93.75" y1="400" x2="651.5625" y2="400">
+              <stop offset="0" style="stop-color:#FFFFFF;stop-opacity:0"/>
+              <stop offset="1" style="stop-color:#FFFFFF"/>
+            </linearGradient>
+            <line style="fill:none;stroke:url(#SVGID_00000111182463372364912320000001373108586569901999_);stroke-width:31.5;stroke-linejoin:round;stroke-miterlimit:10;" x1="93.8" y1="400" x2="651.6" y2="400"/>
+            <linearGradient id="SVGID_00000183219743747244915370000012247121815656563897_" gradientUnits="userSpaceOnUse" x1="564.0625" y1="743.875" x2="564.0625" y2="152.2307">
+              <stop offset="0.1" style="stop-color:#6F6F6F"/>
+              <stop offset="0.294" style="stop-color:#494949"/>
+              <stop offset="0.5255" style="stop-color:#212121"/>
+              <stop offset="0.7101" style="stop-color:#090909"/>
+              <stop offset="0.8232" style="stop-color:#000000"/>
+            </linearGradient>
+            <path style="fill:none;stroke:url(#SVGID_00000183219743747244915370000012247121815656563897_);stroke-width:31.5;stroke-linecap:round;stroke-miterlimit:10;" d="&#10;&#9;&#9;&#9;&#9;&#9;&#9;M400,728.1c181.2,0,328.1-146.9,328.1-328.1c0-90.6-36.7-172.6-96.1-232"/>
+            <linearGradient id="SVGID_00000058578831043733057230000009056789070049766046_" gradientUnits="userSpaceOnUse" x1="115.625" y1="312.5" x2="476.5625" y2="312.5">
+              <stop offset="0" style="stop-color:#FFFFFF;stop-opacity:0"/>
+              <stop offset="1" style="stop-color:#FFFFFF"/>
+            </linearGradient>
+            <line style="fill:none;stroke:url(#SVGID_00000058578831043733057230000009056789070049766046_);stroke-width:31.5;stroke-linejoin:round;stroke-miterlimit:10;" x1="115.6" y1="312.5" x2="476.6" y2="312.5"/>
+            <path class="st6" d="M677.6,225C619.5,133,516.9,71.9,400,71.9" style="fill: none; stroke: rgb(255, 255, 255); stroke-miterlimit: 10; stroke-width: 31.5px;"/>
+            <linearGradient id="SVGID_00000100356586440619336550000013948158136108107670_" gradientUnits="userSpaceOnUse" x1="159.4602" y1="575.001" x2="655.4924" y2="575.001">
+              <stop offset="0" style="stop-color:#FFFFFF;stop-opacity:0"/>
+              <stop offset="1" style="stop-color:#FFFFFF"/>
+            </linearGradient>
+            <line style="fill:none;stroke:url(#SVGID_00000100356586440619336550000013948158136108107670_);stroke-width:31.5;stroke-linejoin:round;stroke-miterlimit:10;" x1="159.5" y1="575" x2="655.5" y2="575"/>
+            <linearGradient id="SVGID_00000123405263944521921190000006592581474355979914_" gradientUnits="userSpaceOnUse" x1="478.8924" y1="700.763" x2="156.9702" y2="143.1774">
+              <stop offset="0.05" style="stop-color:#6F6F6F"/>
+              <stop offset="0.7" style="stop-color:#FFFFFF"/>
+            </linearGradient>
+            <path style="fill:none;stroke:url(#SVGID_00000123405263944521921190000006592581474355979914_);stroke-width:31.5;stroke-linecap:round;stroke-miterlimit:10;" d="&#10;&#9;&#9;&#9;&#9;&#9;&#9;M400,71.9C218.8,71.9,71.9,218.8,71.9,400S218.8,728.1,400,728.1"/>
+          </g>
+          <g>
+            <path d="M699.2,575c0,12.1-9.8,21.9-21.9,21.9s-21.9-9.8-21.9-21.9s9.8-21.9,21.9-21.9S699.2,562.9,699.2,575z"/>
+            <path d="M699.2,225c0,12.1-9.8,21.9-21.9,21.9s-21.9-9.8-21.9-21.9s9.8-21.9,21.9-21.9S699.2,212.9,699.2,225z"/>
+          </g>
+        </g>
+      </g>
+    </mask>
+    <linearGradient id="hexagon_00000047753103179327409320000004468187464937358518_" gradientUnits="userSpaceOnUse" x1="-5713" y1="-1201" x2="-5013" y2="-1901" gradientTransform="matrix(0 -1 -1 0 -1151 -4963)">
+      <stop offset="0.1" style="stop-color:#A56EFF"/>
+      <stop offset="0.9" style="stop-color:#0F62FE"/>
+    </linearGradient>
+    <polygon id="hexagon_00000127043768352419189630000017283226496370584988_" style="mask:url(#hexagon_00000009569822297771789820000001260469763321794973_);fill:url(#hexagon_00000047753103179327409320000004468187464937358518_);" points="&#10;&#9;&#9;50,50 50,750 750,750 750,50 &#9;"/>
+    <path class="st10" d="M520.3,487.5c0,12.1-9.8,21.9-21.9,21.9s-21.9-9.8-21.9-21.9s9.8-21.9,21.9-21.9S520.3,475.4,520.3,487.5z&#10;&#9;&#9; M673.4,378.1c-12.1,0-21.9,9.8-21.9,21.9s9.8,21.9,21.9,21.9s21.9-9.8,21.9-21.9S685.5,378.1,673.4,378.1z M498.4,290.6&#10;&#9;&#9;c-12.1,0-21.9,9.8-21.9,21.9s9.8,21.9,21.9,21.9s21.9-9.8,21.9-21.9S510.5,290.6,498.4,290.6z M677.4,203.1&#10;&#9;&#9;c-12.1,0-21.9,9.8-21.9,21.9s9.8,21.9,21.9,21.9s21.9-9.8,21.9-21.9S689.4,203.1,677.4,203.1z M677.4,553.1&#10;&#9;&#9;c-12.1,0-21.9,9.8-21.9,21.9s9.8,21.9,21.9,21.9s21.9-9.8,21.9-21.9S689.4,553.1,677.4,553.1z" style="fill: none; stroke: rgb(0, 0, 0); stroke-miterlimit: 10; stroke-width: 15.75px;"/>
+  </g>
+  <text style="fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 28px; font-weight: 700; white-space: pre;" x="103.037" y="367.793" transform="matrix(1.9243429899215698, 0, 0, 4.725031852722168, -188.12103271484375, -1280.1082763671875)">OSCAL-COMPASS</text>
+  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 28px;" x="280.583" y="362.107"> </text>
+  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 28px;" x="278.055" y="351.997"> </text>
+  <text style="fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 28px; font-weight: 700; white-space: pre;" x="264.155" y="363.37"> </text>
+  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 28px;" x="373.462" y="434.768"> </text>
+</svg>
\ No newline at end of file