update font dan color

2025-11-05 10:51:35 +07:00
parent dbb8050dc5
commit 39d064c30c
37 changed files with 5377 additions and 3228 deletions
@@ -0,0 +1,109 @@
+/* Base Font */
+* {
+  font-family: 'Inter', sans-serif;
+}
+
+/* Headlines - Desktop */
+.headline-1 {
+  font-family: 'Inter', sans-serif;
+  font-weight: 600; /* Semi Bold */
+  font-size: 64px;
+  line-height: 76px;
+}
+
+.headline-2 {
+  font-family: 'Inter', sans-serif;
+  font-weight: 600; /* Semi Bold */
+  font-size: 36px;
+  line-height: 44px;
+}
+
+.headline-3 {
+  font-family: 'Inter', sans-serif;
+  font-weight: 600; /* Semi Bold */
+  font-size: 28px;
+  line-height: 36px;
+}
+
+.headline-4 {
+  font-family: 'Inter', sans-serif;
+  font-weight: 600; /* Semi Bold */
+  font-size: 20px;
+  line-height: 28px;
+}
+
+/* Body - Desktop */
+.body-1 {
+  font-family: 'Inter', sans-serif;
+  font-weight: 400; /* Regular */
+  font-size: 18px;
+  line-height: 28px;
+}
+
+.body-2 {
+  font-family: 'Inter', sans-serif;
+  font-weight: 400; /* Regular */
+  font-size: 16px;
+  line-height: 24px;
+}
+
+.body-3 {
+  font-family: 'Inter', sans-serif;
+  font-weight: 400; /* Regular */
+  font-size: 14px;
+  line-height: 20px;
+}
+
+/* Caption - Desktop */
+.text-1 {
+  font-family: 'Inter', sans-serif;
+  font-weight: 400; /* Regular */
+  font-size: 16px;
+  line-height: 24px;
+}
+
+.text-2 {
+  font-family: 'Inter', sans-serif;
+  font-weight: 400; /* Regular */
+  font-size: 12px;
+  line-height: 16px;
+}
+
+/* Mobile Typography */
+@media (max-width: 768px) {
+  .headline-1 {
+    font-weight: 700; /* Bold */
+    font-size: 28px;
+    line-height: 36px;
+  }
+
+  .headline-2 {
+    font-weight: 600; /* Semi Bold */
+    font-size: 20px;
+    line-height: 28px;
+  }
+
+  .headline-3 {
+    font-weight: 600; /* Semi Bold */
+    font-size: 18px;
+    line-height: 24px;
+  }
+
+  .headline-4 {
+    font-weight: 600; /* Semi Bold */
+    font-size: 18px;
+    line-height: 24px;
+  }
+
+  .body {
+    font-weight: 500; /* Medium */
+    font-size: 16px;
+    line-height: 24px;
+  }
+
+  .caption {
+    font-weight: 400; /* Regular */
+    font-size: 14px;
+    line-height: 20px;
+  }
+}