Initial commit

2025-10-11 11:55:25 +08:00
parent 467dad8449
commit 8107dee8d3
2879 changed files with 610575 additions and 0 deletions
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -0,0 +1,135 @@
+/** @type {import('tailwindcss').Config} */
+import { fontFamily } from "tailwindcss/defaultTheme";
+import plugin from "tailwindcss/plugin";
+
+module.exports = {
+    content: [
+        "./src/**/*.{js,jsx,ts,tsx}",
+        "./src/templates/**/*.{js,jsx,ts,tsx}",
+        "./src/components/**/*.{js,jsx,ts,tsx}",
+        "./src/views/**/*.{js,jsx,ts,tsx}",
+        "./public/index.html",
+    ],
+    theme: {
+        extend: {
+            colors: {
+                color: {
+                    1: "#AC6AFF",
+                    2: "#FFC876",
+                    3: "#FF776F",
+                    4: "#7ADB78",
+                    5: "#858DFF",
+                    6: "#FF98E2",
+                },
+                stroke: {
+                    1: "#26242C",
+                },
+                n: {
+                    1: "#FFFFFF",
+                    2: "#CAC6DD",
+                    3: "#ADA8C3",
+                    4: "#757185",
+                    5: "#3F3A52",
+                    6: "#252134",
+                    7: "#15131D",
+                    8: "#0E0C15",
+                },
+            },
+            fontFamily: {
+                sans: ["var(--font-sora)", ...fontFamily.sans],
+                code: "var(--font-code)",
+                grotesk: "var(--font-grotesk)",
+            },
+            letterSpacing: {
+                tagline: ".15em",
+            },
+            spacing: {
+                0.25: "0.0625rem",
+                7.5: "1.875rem",
+                15: "3.75rem",
+            },
+            opacity: {
+                15: ".15",
+            },
+            transitionDuration: {
+                DEFAULT: "200ms",
+            },
+            transitionTimingFunction: {
+                DEFAULT: "linear",
+            },
+            zIndex: {
+                1: "1",
+                2: "2",
+                3: "3",
+                4: "4",
+                5: "5",
+            },
+            borderWidth: {
+                DEFAULT: "0.0625rem",
+            },
+            backgroundImage: {
+                "radial-gradient": "radial-gradient(var(--tw-gradient-stops))",
+                "conic-gradient":
+                    "conic-gradient(from 225deg, #FFC876, #79FFF7, #9F53FF, #FF98E2, #FFC876)",
+            },
+        },
+    },
+    plugins: [
+        plugin(function ({ addBase, addComponents, addUtilities }) {
+            addBase({});
+            addComponents({
+                ".container": {
+                    "@apply max-w-[77.5rem] mx-auto px-5 md:px-10 lg:px-15 xl:max-w-[87.5rem]":
+                        {},
+                },
+                ".h1": {
+                    "@apply font-semibold text-[2.5rem] leading-[3.25rem] md:text-[2.75rem] md:leading-[3.75rem] lg:text-[3.25rem] lg:leading-[4.0625rem] xl:text-[3.75rem] xl:leading-[4.5rem]":
+                        {},
+                },
+                ".h2": {
+                    "@apply text-[1.75rem] leading-[2.5rem] md:text-[2rem] md:leading-[2.5rem] lg:text-[2.5rem] lg:leading-[3.5rem] xl:text-[3rem] xl:leading-tight":
+                        {},
+                },
+                ".h3": {
+                    "@apply text-[2rem] leading-normal md:text-[2.5rem]": {},
+                },
+                ".h4": {
+                    "@apply text-[2rem] leading-normal": {},
+                },
+                ".h5": {
+                    "@apply text-2xl leading-normal": {},
+                },
+                ".h6": {
+                    "@apply font-semibold text-lg leading-8": {},
+                },
+                ".body-1": {
+                    "@apply text-[0.875rem] leading-[1.5rem] md:text-[1rem] md:leading-[1.75rem] lg:text-[1.25rem] lg:leading-8":
+                        {},
+                },
+                ".body-2": {
+                    "@apply font-light text-[0.875rem] leading-6 md:text-base":
+                        {},
+                },
+                ".caption": {
+                    "@apply text-sm": {},
+                },
+                ".tagline": {
+                    "@apply font-grotesk font-light text-xs tracking-tagline uppercase":
+                        {},
+                },
+                ".quote": {
+                    "@apply font-code text-lg leading-normal": {},
+                },
+                ".button": {
+                    "@apply font-code text-xs font-bold uppercase tracking-wider":
+                        {},
+                },
+            });
+            addUtilities({
+                ".tap-highlight-color": {
+                    "-webkit-tap-highlight-color": "rgba(0, 0, 0, 0)",
+                },
+            });
+        }),
+    ],
+};