82036bdd5a
- Replace BZZZ branding with CHORUS Agent Configuration - Implement ultra-minimalist design system with subtle 3-5px rounded corners - Add CHORUS corporate color palette (Dark Mulberry primary, Orchestration Blue secondary) - Integrate Mobius ring logo from brand assets - Update all copy from BZZZ to CHORUS/CHORUS:Agents references - Apply clean typography hierarchy and generous spacing - Remove shadows and gradients for minimalist aesthetic - Implement invisible border system for subtle organization - Update progress indicators and status elements - Maintain all functionality while enhancing brand consistency 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
59 lines
2.1 KiB
JavaScript
59 lines
2.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: [
|
|
'./pages/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./components/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./app/**/*.{js,ts,jsx,tsx,mdx}',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// CHORUS Corporate Colors - Ultra-Minimalist Palette
|
|
'chorus-primary': '#0b0213', // Dark Mulberry - primary CTAs
|
|
'chorus-secondary': '#5a6c80', // Orchestration Blue - secondary actions
|
|
'chorus-accent': '#c1bfb1', // Brushed Nickel - subtle accents
|
|
'chorus-brown': '#403730', // Walnut Brown - warm touches
|
|
'chorus-paper': '#F5F5DC', // Natural Paper - backgrounds
|
|
'chorus-white': '#FFFFFF', // Pure White
|
|
'chorus-warm': '#FEFEFE', // Warm White
|
|
'chorus-tint': '#F7F7E2', // Paper Tint
|
|
|
|
// Text Hierarchy
|
|
'chorus-text-primary': '#000000', // Primary text
|
|
'chorus-text-secondary': '#1A1A1A', // Body content
|
|
'chorus-text-tertiary': '#333333', // Supporting text
|
|
'chorus-text-subtle': '#666666', // Placeholders
|
|
'chorus-text-ghost': '#999999', // Metadata
|
|
|
|
// Border System
|
|
'chorus-border-invisible': '#FAFAFA',
|
|
'chorus-border-subtle': '#F0F0F0',
|
|
'chorus-border-defined': '#E5E5E5',
|
|
'chorus-border-emphasis': '#CCCCCC',
|
|
},
|
|
borderRadius: {
|
|
'none': '0',
|
|
'sm': '3px', // Small elements (inputs, badges)
|
|
'md': '4px', // Standard elements (buttons, nav)
|
|
'lg': '5px', // Large elements (cards, modals)
|
|
},
|
|
spacing: {
|
|
'18': '4.5rem', // 72px
|
|
'88': '22rem', // 352px
|
|
},
|
|
animation: {
|
|
'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
'fade-in': 'fadeIn 200ms ease-out',
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
'0%': { opacity: '0', transform: 'translateY(4px)' },
|
|
'100%': { opacity: '1', transform: 'translateY(0)' },
|
|
}
|
|
}
|
|
},
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/forms'),
|
|
],
|
|
} |