T01: Frontend Foundation – Nuxt 3 + Tailwind + Design Tokens + Layout + Meta

- Nuxt 3 project with @nuxtjs/tailwindcss module - Tailwind CSS config with A0 Dark Theme design tokens (CSS custom properties) - AppHeader: sticky, logo, nav, phone, social icons, mobile burger menu - AppFooter: 4-column grid (Navigation, Kontakt, Rechtliches, Social) - HmsLogo: SVG with orange #EC6925 border - error.vue: 404 page with Seite nicht gefunden - robots.txt server route: Disallow: / - Meta: noindex, nofollow, noarchive, nosnippet - JSON-LD: LocalBusiness schema - OpenGraph tags - routeRules: SSR/CSR per route - Shared components: LoadingSkeleton, EmptyState, ErrorState, LegalContentPage, SpeakerIcon - 42 vitest tests passing - Build: 0 errors
2026-07-09 01:17:35 +02:00
parent 1c3e5fd932
commit 3bfa54b4b3
34 changed files with 14152 additions and 0 deletions
@@ -0,0 +1,65 @@
+import type { Config } from "tailwindcss";
+
+export default <Config>{
+  content: [
+    "./components/**/*.{vue,js,ts}",
+    "./layouts/**/*.vue",
+    "./pages/**/*.vue",
+    "./app.vue",
+    "./error.vue",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        bg: "#131313",
+        panel: "#1a1a1a",
+        surface: "#212121",
+        row: "#272727",
+        card: "#2d2d2d",
+        "border-default": "#444444a8",
+        secondary: "#656565",
+        primary: "#737a81",
+        text: "#ffffff",
+        "text-muted": "#d4d4d4",
+        accent: {
+          DEFAULT: "#EC6925",
+          hover: "#d4581a",
+          light: "rgba(236, 105, 37, 0.08)",
+          border: "rgba(236, 105, 37, 0.25)",
+          dark: "#b8461a",
+        },
+        success: "#4ade80",
+        "success-bg": "rgba(74, 222, 128, 0.08)",
+        error: "#f87171",
+        "error-bg": "rgba(248, 113, 113, 0.08)",
+        warning: "#fbbf24",
+        info: "#60a5fa",
+      },
+      borderRadius: {
+        sm: "2px",
+        md: "3px",
+        lg: "4px",
+        xl: "4px",
+        full: "9999px",
+      },
+      fontFamily: {
+        sans: ["Inter", "system-ui", "sans-serif"],
+      },
+      boxShadow: {
+        sm: "0 1px 2px 0 rgb(0 0 0 / 0.3)",
+        md: "0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3)",
+        lg: "0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.3)",
+        xl: "0 20px 25px -5px rgb(0 0 0 / 0.5), 0 8px 10px -6px rgb(0 0 0 / 0.3)",
+      },
+      transitionDuration: {
+        fast: "150ms",
+        base: "250ms",
+        slow: "400ms",
+      },
+      maxWidth: {
+        "7xl": "1280px",
+      },
+    },
+  },
+  plugins: [],
+};