diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index d11b303..a789e6a 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -14,6 +14,7 @@
 @import 'src/1.4.compositions.with-sidebar.css';
 
 /* BLOCKS */
+@import 'src/2.blocks.badge.css';
 @import 'src/2.blocks.button.css';
 @import 'src/2.blocks.card.css';
 @import 'src/2.blocks.header.css';
diff --git a/src/assets/css/src/2.blocks.badge.css b/src/assets/css/src/2.blocks.badge.css
new file mode 100644
index 0000000..0230048
--- /dev/null
+++ b/src/assets/css/src/2.blocks.badge.css
@@ -0,0 +1,15 @@
+/* BADGE BLOCK */
+
+.badge {
+  display: inline-flex;
+  border-radius: var(--badge-border-radius, var(--rounded-full));
+  align-items: center;
+  justify-content: center;
+  padding: var(--badge-padding);
+  background: var(--badge-primary-background, var(--color-grey-800));
+  color: var(--badge-primary-color, var(--color-white));
+  font-size: var(--badge-font-size, var(--text-md));
+  font-weight: var(--badge-font-weight, 700);
+  min-width: var(--badge-min-width, var(--space-24));
+  height: var(--badge-height, var(--space-24));
+}