diff --git a/packages/ui/src/Atoms/Frameworks/CASA.tsx b/packages/ui/src/Atoms/Frameworks/CASA.tsx
new file mode 100644
index 000000000..6ee780f4e
--- /dev/null
+++ b/packages/ui/src/Atoms/Frameworks/CASA.tsx
@@ -0,0 +1,36 @@
+export function CASA() {
+ return (
+
+ );
+}
diff --git a/packages/ui/src/Atoms/Frameworks/CCPA.tsx b/packages/ui/src/Atoms/Frameworks/CCPA.tsx
new file mode 100644
index 000000000..bdc97a3e3
--- /dev/null
+++ b/packages/ui/src/Atoms/Frameworks/CCPA.tsx
@@ -0,0 +1,45 @@
+export function CCPA() {
+ return (
+
+ );
+}
diff --git a/packages/ui/src/Atoms/Frameworks/DORA.tsx b/packages/ui/src/Atoms/Frameworks/DORA.tsx
new file mode 100644
index 000000000..c334bf2b4
--- /dev/null
+++ b/packages/ui/src/Atoms/Frameworks/DORA.tsx
@@ -0,0 +1,74 @@
+export function DORA() {
+ return (
+
+ );
+}
diff --git a/packages/ui/src/Atoms/Frameworks/FERPA.tsx b/packages/ui/src/Atoms/Frameworks/FERPA.tsx
new file mode 100644
index 000000000..fa24ac907
--- /dev/null
+++ b/packages/ui/src/Atoms/Frameworks/FERPA.tsx
@@ -0,0 +1,85 @@
+export function FERPA() {
+ return (
+
+ );
+}
diff --git a/packages/ui/src/Atoms/Frameworks/GDPR.tsx b/packages/ui/src/Atoms/Frameworks/GDPR.tsx
new file mode 100644
index 000000000..c6cbaaa91
--- /dev/null
+++ b/packages/ui/src/Atoms/Frameworks/GDPR.tsx
@@ -0,0 +1,74 @@
+export function GDPR() {
+ return (
+
+ );
+}
diff --git a/packages/ui/src/Atoms/Frameworks/HIPAA.tsx b/packages/ui/src/Atoms/Frameworks/HIPAA.tsx
new file mode 100644
index 000000000..00ee4ed46
--- /dev/null
+++ b/packages/ui/src/Atoms/Frameworks/HIPAA.tsx
@@ -0,0 +1,64 @@
+export function HIPAA() {
+ return (
+
+ );
+}
diff --git a/packages/ui/src/Atoms/Frameworks/ISO27001.tsx b/packages/ui/src/Atoms/Frameworks/ISO27001.tsx
new file mode 100644
index 000000000..c0703c728
--- /dev/null
+++ b/packages/ui/src/Atoms/Frameworks/ISO27001.tsx
@@ -0,0 +1,28 @@
+export function ISO27001() {
+ return (
+
+ );
+}
diff --git a/packages/ui/src/Atoms/Frameworks/ISO27701.tsx b/packages/ui/src/Atoms/Frameworks/ISO27701.tsx
new file mode 100644
index 000000000..3bbed3057
--- /dev/null
+++ b/packages/ui/src/Atoms/Frameworks/ISO27701.tsx
@@ -0,0 +1,28 @@
+export function ISO27701() {
+ return (
+
+ );
+}
diff --git a/packages/ui/src/Atoms/Frameworks/ISO42001.tsx b/packages/ui/src/Atoms/Frameworks/ISO42001.tsx
new file mode 100644
index 000000000..b0c9ad47c
--- /dev/null
+++ b/packages/ui/src/Atoms/Frameworks/ISO42001.tsx
@@ -0,0 +1,28 @@
+export function ISO42001() {
+ return (
+
+ );
+}
diff --git a/packages/ui/src/Atoms/Frameworks/NIS2.tsx b/packages/ui/src/Atoms/Frameworks/NIS2.tsx
new file mode 100644
index 000000000..6fe9065d9
--- /dev/null
+++ b/packages/ui/src/Atoms/Frameworks/NIS2.tsx
@@ -0,0 +1,74 @@
+export function NIS2() {
+ return (
+
+ );
+}
diff --git a/packages/ui/src/Atoms/Frameworks/SOC2_TYPE1.tsx b/packages/ui/src/Atoms/Frameworks/SOC2_TYPE1.tsx
new file mode 100644
index 000000000..6c5cb31af
--- /dev/null
+++ b/packages/ui/src/Atoms/Frameworks/SOC2_TYPE1.tsx
@@ -0,0 +1,36 @@
+export function SOC2_TYPE1() {
+ return (
+
+ );
+}
diff --git a/packages/ui/src/Atoms/Frameworks/SOC2_TYPE2.tsx b/packages/ui/src/Atoms/Frameworks/SOC2_TYPE2.tsx
new file mode 100644
index 000000000..11548c3a8
--- /dev/null
+++ b/packages/ui/src/Atoms/Frameworks/SOC2_TYPE2.tsx
@@ -0,0 +1,36 @@
+export function SOC2_TYPE2() {
+ return (
+
+ );
+}
diff --git a/packages/ui/src/Atoms/Frameworks/SOC3.tsx b/packages/ui/src/Atoms/Frameworks/SOC3.tsx
new file mode 100644
index 000000000..adfe13128
--- /dev/null
+++ b/packages/ui/src/Atoms/Frameworks/SOC3.tsx
@@ -0,0 +1,32 @@
+export function SOC3() {
+ return (
+
+ );
+}
diff --git a/packages/ui/src/theme.css b/packages/ui/src/theme.css
index a9e90b21c..cb64d7263 100644
--- a/packages/ui/src/theme.css
+++ b/packages/ui/src/theme.css
@@ -5,6 +5,8 @@
--font-sans: "Geist", "sans-serif";
--color-*: initial;
+ --color-black: #000000;
+
--color-level-0: #fffffb;
--color-level-1: #ffffff;
--color-level-2: #ffffff;
@@ -174,6 +176,8 @@
--color-level-2: #20241f;
--color-level-3: #3b3f3a;
+ --color-black: #ffffff;
+
/* Text colors */
--color-txt-primary: #eceeec;
--color-invert: #151715;