tailwind-website/ ├── index.html # Home Page ├── about.html # About Us ├── contact.html # Contact Us ├── services.html # Services ├── industries.html # Industries ├── technologies.html # Technologies ├── case-studies.html # Case Studies ├── insights.html # Insights ├── tcpa.html # TCPA Compliance ├── css/ │ └── tailwind.css # Tailwind compiled ├── js/ │ └── main.js # Interactive scripts ├── assets/ │ ├── images/ │ └── icons/ └── components/ ├── header.html ├── footer.html └── reusable.html design system // Design Tokens (Tailwind Config) const designSystem = { colors: { primary: '#2563EB', // Blue secondary: '#1E40AF', // Dark Blue accent: '#F59E0B', // Amber success: '#10B981', // Green warning: '#F59E0B', // Orange error: '#EF4444', // Red neutral: { 50: '#F9FAFB', 100: '#F3F4F6', 200: '#E5E7EB', 300: '#D1D5DB', 400: '#9CA3AF', 500: '#6B7280', 600: '#4B5563', 700: '#374151', 800: '#1F2937', 900: '#111827' } }, typography: { heading: 'Inter, sans-serif', body: 'Inter, sans-serif', sizes: { xs: '0.75rem', sm: '0.875rem', base: '1rem', lg: '1.125rem', xl: '1.25rem', '2xl': '1.5rem', '3xl': '1.875rem', '4xl': '2.25rem', '5xl': '3rem', '6xl': '3.75rem' } }, spacing: { 0: '0', 1: '0.25rem', 2: '0.5rem', 3: '0.75rem', 4: '1rem', 5: '1.25rem', 6: '1.5rem', 8: '2rem', 10: '2.5rem', 12: '3rem', 16: '4rem', 20: '5rem', 24: '6rem', 32: '8rem' } }