b2a05eceeb
BREAKING CHANGES: - Moved canonical data/scripts to src/ui-ux-pro-max/ - Removed duplicate folders (.codex/, .gemini/, .trae/, .codebuddy/, .continue/, skills/, .qoder/) - CLI now uses template system instead of copying pre-built folders New features: - Merged prompts.csv into styles.csv with 4 new columns: - AI Prompt Keywords - CSS/Technical Keywords - Implementation Checklist - Design System Variables - All 67 styles now have complete prompt data - Added Astro stack (53 guidelines) - Added 10 new 2025 UI trend styles CLI changes: - New template rendering system (cli/src/utils/template.ts) - Reduced cli/assets from ~34MB to ~564KB - Assets now contain only: data/, scripts/, templates/ File structure: - src/ui-ux-pro-max/ - Single source of truth - .claude/skills/ - Symlinks to src/ for development - .shared/ - Symlink to src/ui-ux-pro-max/ Bumped CLI version: 2.1.3 → 2.2.0 Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
9.5 KiB
9.5 KiB
| 1 | No | Product Type | Primary (Hex) | Secondary (Hex) | CTA (Hex) | Background (Hex) | Text (Hex) | Border (Hex) | Notes |
|---|---|---|---|---|---|---|---|---|---|
| 2 | 1 | SaaS (General) | #2563EB | #3B82F6 | #F97316 | #F8FAFC | #1E293B | #E2E8F0 | Trust blue + orange CTA contrast |
| 3 | 2 | Micro SaaS | #6366F1 | #818CF8 | #10B981 | #F5F3FF | #1E1B4B | #E0E7FF | Indigo primary + emerald CTA |
| 4 | 3 | E-commerce | #059669 | #10B981 | #F97316 | #ECFDF5 | #064E3B | #A7F3D0 | Success green + urgency orange |
| 5 | 4 | E-commerce Luxury | #1C1917 | #44403C | #CA8A04 | #FAFAF9 | #0C0A09 | #D6D3D1 | Premium dark + gold accent |
| 6 | 5 | Service Landing Page | #0EA5E9 | #38BDF8 | #F97316 | #F0F9FF | #0C4A6E | #BAE6FD | Sky blue trust + warm CTA |
| 7 | 6 | B2B Service | #0F172A | #334155 | #0369A1 | #F8FAFC | #020617 | #E2E8F0 | Professional navy + blue CTA |
| 8 | 7 | Financial Dashboard | #0F172A | #1E293B | #22C55E | #020617 | #F8FAFC | #334155 | Dark bg + green positive indicators |
| 9 | 8 | Analytics Dashboard | #1E40AF | #3B82F6 | #F59E0B | #F8FAFC | #1E3A8A | #DBEAFE | Blue data + amber highlights |
| 10 | 9 | Healthcare App | #0891B2 | #22D3EE | #059669 | #ECFEFF | #164E63 | #A5F3FC | Calm cyan + health green |
| 11 | 10 | Educational App | #4F46E5 | #818CF8 | #F97316 | #EEF2FF | #1E1B4B | #C7D2FE | Playful indigo + energetic orange |
| 12 | 11 | Creative Agency | #EC4899 | #F472B6 | #06B6D4 | #FDF2F8 | #831843 | #FBCFE8 | Bold pink + cyan accent |
| 13 | 12 | Portfolio/Personal | #18181B | #3F3F46 | #2563EB | #FAFAFA | #09090B | #E4E4E7 | Monochrome + blue accent |
| 14 | 13 | Gaming | #7C3AED | #A78BFA | #F43F5E | #0F0F23 | #E2E8F0 | #4C1D95 | Neon purple + rose action |
| 15 | 14 | Government/Public Service | #0F172A | #334155 | #0369A1 | #F8FAFC | #020617 | #E2E8F0 | High contrast navy + blue |
| 16 | 15 | Fintech/Crypto | #F59E0B | #FBBF24 | #8B5CF6 | #0F172A | #F8FAFC | #334155 | Gold trust + purple tech |
| 17 | 16 | Social Media App | #E11D48 | #FB7185 | #2563EB | #FFF1F2 | #881337 | #FECDD3 | Vibrant rose + engagement blue |
| 18 | 17 | Productivity Tool | #0D9488 | #14B8A6 | #F97316 | #F0FDFA | #134E4A | #99F6E4 | Teal focus + action orange |
| 19 | 18 | Design System/Component Library | #4F46E5 | #6366F1 | #F97316 | #EEF2FF | #312E81 | #C7D2FE | Indigo brand + doc hierarchy |
| 20 | 19 | AI/Chatbot Platform | #7C3AED | #A78BFA | #06B6D4 | #FAF5FF | #1E1B4B | #DDD6FE | AI purple + cyan interactions |
| 21 | 20 | NFT/Web3 Platform | #8B5CF6 | #A78BFA | #FBBF24 | #0F0F23 | #F8FAFC | #4C1D95 | Purple tech + gold value |
| 22 | 21 | Creator Economy Platform | #EC4899 | #F472B6 | #F97316 | #FDF2F8 | #831843 | #FBCFE8 | Creator pink + engagement orange |
| 23 | 22 | Sustainability/ESG Platform | #059669 | #10B981 | #0891B2 | #ECFDF5 | #064E3B | #A7F3D0 | Nature green + ocean blue |
| 24 | 23 | Remote Work/Collaboration Tool | #6366F1 | #818CF8 | #10B981 | #F5F3FF | #312E81 | #E0E7FF | Calm indigo + success green |
| 25 | 24 | Mental Health App | #8B5CF6 | #C4B5FD | #10B981 | #FAF5FF | #4C1D95 | #EDE9FE | Calming lavender + wellness green |
| 26 | 25 | Pet Tech App | #F97316 | #FB923C | #2563EB | #FFF7ED | #9A3412 | #FED7AA | Playful orange + trust blue |
| 27 | 26 | Smart Home/IoT Dashboard | #1E293B | #334155 | #22C55E | #0F172A | #F8FAFC | #475569 | Dark tech + status green |
| 28 | 27 | EV/Charging Ecosystem | #0891B2 | #22D3EE | #22C55E | #ECFEFF | #164E63 | #A5F3FC | Electric cyan + eco green |
| 29 | 28 | Subscription Box Service | #D946EF | #E879F9 | #F97316 | #FDF4FF | #86198F | #F5D0FE | Excitement purple + urgency orange |
| 30 | 29 | Podcast Platform | #1E1B4B | #312E81 | #F97316 | #0F0F23 | #F8FAFC | #4338CA | Dark audio + warm accent |
| 31 | 30 | Dating App | #E11D48 | #FB7185 | #F97316 | #FFF1F2 | #881337 | #FECDD3 | Romantic rose + warm orange |
| 32 | 31 | Micro-Credentials/Badges Platform | #0369A1 | #0EA5E9 | #CA8A04 | #F0F9FF | #0C4A6E | #BAE6FD | Trust blue + achievement gold |
| 33 | 32 | Knowledge Base/Documentation | #475569 | #64748B | #2563EB | #F8FAFC | #1E293B | #E2E8F0 | Neutral grey + link blue |
| 34 | 33 | Hyperlocal Services | #059669 | #10B981 | #F97316 | #ECFDF5 | #064E3B | #A7F3D0 | Location green + action orange |
| 35 | 34 | Beauty/Spa/Wellness Service | #EC4899 | #F9A8D4 | #8B5CF6 | #FDF2F8 | #831843 | #FBCFE8 | Soft pink + lavender luxury |
| 36 | 35 | Luxury/Premium Brand | #1C1917 | #44403C | #CA8A04 | #FAFAF9 | #0C0A09 | #D6D3D1 | Premium black + gold accent |
| 37 | 36 | Restaurant/Food Service | #DC2626 | #F87171 | #CA8A04 | #FEF2F2 | #450A0A | #FECACA | Appetizing red + warm gold |
| 38 | 37 | Fitness/Gym App | #F97316 | #FB923C | #22C55E | #1F2937 | #F8FAFC | #374151 | Energy orange + success green |
| 39 | 38 | Real Estate/Property | #0F766E | #14B8A6 | #0369A1 | #F0FDFA | #134E4A | #99F6E4 | Trust teal + professional blue |
| 40 | 39 | Travel/Tourism Agency | #0EA5E9 | #38BDF8 | #F97316 | #F0F9FF | #0C4A6E | #BAE6FD | Sky blue + adventure orange |
| 41 | 40 | Hotel/Hospitality | #1E3A8A | #3B82F6 | #CA8A04 | #F8FAFC | #1E40AF | #BFDBFE | Luxury navy + gold service |
| 42 | 41 | Wedding/Event Planning | #DB2777 | #F472B6 | #CA8A04 | #FDF2F8 | #831843 | #FBCFE8 | Romantic pink + elegant gold |
| 43 | 42 | Legal Services | #1E3A8A | #1E40AF | #B45309 | #F8FAFC | #0F172A | #CBD5E1 | Authority navy + trust gold |
| 44 | 43 | Insurance Platform | #0369A1 | #0EA5E9 | #22C55E | #F0F9FF | #0C4A6E | #BAE6FD | Security blue + protected green |
| 45 | 44 | Banking/Traditional Finance | #0F172A | #1E3A8A | #CA8A04 | #F8FAFC | #020617 | #E2E8F0 | Trust navy + premium gold |
| 46 | 45 | Online Course/E-learning | #0D9488 | #2DD4BF | #F97316 | #F0FDFA | #134E4A | #5EEAD4 | Progress teal + achievement orange |
| 47 | 46 | Non-profit/Charity | #0891B2 | #22D3EE | #F97316 | #ECFEFF | #164E63 | #A5F3FC | Compassion blue + action orange |
| 48 | 47 | Music Streaming | #1E1B4B | #4338CA | #22C55E | #0F0F23 | #F8FAFC | #312E81 | Dark audio + play green |
| 49 | 48 | Video Streaming/OTT | #0F0F23 | #1E1B4B | #E11D48 | #000000 | #F8FAFC | #312E81 | Cinema dark + play red |
| 50 | 49 | Job Board/Recruitment | #0369A1 | #0EA5E9 | #22C55E | #F0F9FF | #0C4A6E | #BAE6FD | Professional blue + success green |
| 51 | 50 | Marketplace (P2P) | #7C3AED | #A78BFA | #22C55E | #FAF5FF | #4C1D95 | #DDD6FE | Trust purple + transaction green |
| 52 | 51 | Logistics/Delivery | #2563EB | #3B82F6 | #F97316 | #EFF6FF | #1E40AF | #BFDBFE | Tracking blue + delivery orange |
| 53 | 52 | Agriculture/Farm Tech | #15803D | #22C55E | #CA8A04 | #F0FDF4 | #14532D | #BBF7D0 | Earth green + harvest gold |
| 54 | 53 | Construction/Architecture | #64748B | #94A3B8 | #F97316 | #F8FAFC | #334155 | #E2E8F0 | Industrial grey + safety orange |
| 55 | 54 | Automotive/Car Dealership | #1E293B | #334155 | #DC2626 | #F8FAFC | #0F172A | #E2E8F0 | Premium dark + action red |
| 56 | 55 | Photography Studio | #18181B | #27272A | #F8FAFC | #000000 | #FAFAFA | #3F3F46 | Pure black + white contrast |
| 57 | 56 | Coworking Space | #F59E0B | #FBBF24 | #2563EB | #FFFBEB | #78350F | #FDE68A | Energetic amber + booking blue |
| 58 | 57 | Cleaning Service | #0891B2 | #22D3EE | #22C55E | #ECFEFF | #164E63 | #A5F3FC | Fresh cyan + clean green |
| 59 | 58 | Home Services (Plumber/Electrician) | #1E40AF | #3B82F6 | #F97316 | #EFF6FF | #1E3A8A | #BFDBFE | Professional blue + urgent orange |
| 60 | 59 | Childcare/Daycare | #F472B6 | #FBCFE8 | #22C55E | #FDF2F8 | #9D174D | #FCE7F3 | Soft pink + safe green |
| 61 | 60 | Senior Care/Elderly | #0369A1 | #38BDF8 | #22C55E | #F0F9FF | #0C4A6E | #E0F2FE | Calm blue + reassuring green |
| 62 | 61 | Medical Clinic | #0891B2 | #22D3EE | #22C55E | #F0FDFA | #134E4A | #CCFBF1 | Medical teal + health green |
| 63 | 62 | Pharmacy/Drug Store | #15803D | #22C55E | #0369A1 | #F0FDF4 | #14532D | #BBF7D0 | Pharmacy green + trust blue |
| 64 | 63 | Dental Practice | #0EA5E9 | #38BDF8 | #FBBF24 | #F0F9FF | #0C4A6E | #BAE6FD | Fresh blue + smile yellow |
| 65 | 64 | Veterinary Clinic | #0D9488 | #14B8A6 | #F97316 | #F0FDFA | #134E4A | #99F6E4 | Caring teal + warm orange |
| 66 | 65 | Florist/Plant Shop | #15803D | #22C55E | #EC4899 | #F0FDF4 | #14532D | #BBF7D0 | Natural green + floral pink |
| 67 | 66 | Bakery/Cafe | #92400E | #B45309 | #F8FAFC | #FEF3C7 | #78350F | #FDE68A | Warm brown + cream white |
| 68 | 67 | Coffee Shop | #78350F | #92400E | #FBBF24 | #FEF3C7 | #451A03 | #FDE68A | Coffee brown + warm gold |
| 69 | 68 | Brewery/Winery | #7C2D12 | #B91C1C | #CA8A04 | #FEF2F2 | #450A0A | #FECACA | Deep burgundy + craft gold |
| 70 | 69 | Airline | #1E3A8A | #3B82F6 | #F97316 | #EFF6FF | #1E40AF | #BFDBFE | Sky blue + booking orange |
| 71 | 70 | News/Media Platform | #DC2626 | #EF4444 | #1E40AF | #FEF2F2 | #450A0A | #FECACA | Breaking red + link blue |
| 72 | 71 | Magazine/Blog | #18181B | #3F3F46 | #EC4899 | #FAFAFA | #09090B | #E4E4E7 | Editorial black + accent pink |
| 73 | 72 | Freelancer Platform | #6366F1 | #818CF8 | #22C55E | #EEF2FF | #312E81 | #C7D2FE | Creative indigo + hire green |
| 74 | 73 | Consulting Firm | #0F172A | #334155 | #CA8A04 | #F8FAFC | #020617 | #E2E8F0 | Authority navy + premium gold |
| 75 | 74 | Marketing Agency | #EC4899 | #F472B6 | #06B6D4 | #FDF2F8 | #831843 | #FBCFE8 | Bold pink + creative cyan |
| 76 | 75 | Event Management | #7C3AED | #A78BFA | #F97316 | #FAF5FF | #4C1D95 | #DDD6FE | Excitement purple + action orange |
| 77 | 76 | Conference/Webinar Platform | #1E40AF | #3B82F6 | #22C55E | #EFF6FF | #1E3A8A | #BFDBFE | Professional blue + join green |
| 78 | 77 | Membership/Community | #7C3AED | #A78BFA | #22C55E | #FAF5FF | #4C1D95 | #DDD6FE | Community purple + join green |
| 79 | 78 | Newsletter Platform | #0369A1 | #0EA5E9 | #F97316 | #F0F9FF | #0C4A6E | #BAE6FD | Trust blue + subscribe orange |
| 80 | 79 | Digital Products/Downloads | #6366F1 | #818CF8 | #22C55E | #EEF2FF | #312E81 | #C7D2FE | Digital indigo + buy green |
| 81 | 80 | Church/Religious Organization | #7C3AED | #A78BFA | #CA8A04 | #FAF5FF | #4C1D95 | #DDD6FE | Spiritual purple + warm gold |
| 82 | 81 | Sports Team/Club | #DC2626 | #EF4444 | #FBBF24 | #FEF2F2 | #7F1D1D | #FECACA | Team red + championship gold |
| 83 | 82 | Museum/Gallery | #18181B | #27272A | #F8FAFC | #FAFAFA | #09090B | #E4E4E7 | Gallery black + white space |
| 84 | 83 | Theater/Cinema | #1E1B4B | #312E81 | #CA8A04 | #0F0F23 | #F8FAFC | #4338CA | Dramatic dark + spotlight gold |
| 85 | 84 | Language Learning App | #4F46E5 | #818CF8 | #22C55E | #EEF2FF | #312E81 | #C7D2FE | Learning indigo + progress green |
| 86 | 85 | Coding Bootcamp | #0F172A | #1E293B | #22C55E | #020617 | #F8FAFC | #334155 | Terminal dark + success green |
| 87 | 86 | Cybersecurity Platform | #00FF41 | #0D0D0D | #FF3333 | #000000 | #E0E0E0 | #1F1F1F | Matrix green + alert red |
| 88 | 87 | Developer Tool / IDE | #1E293B | #334155 | #22C55E | #0F172A | #F8FAFC | #475569 | Code dark + run green |
| 89 | 88 | Biotech / Life Sciences | #0EA5E9 | #0284C7 | #10B981 | #F0F9FF | #0C4A6E | #BAE6FD | DNA blue + life green |
| 90 | 89 | Space Tech / Aerospace | #F8FAFC | #94A3B8 | #3B82F6 | #0B0B10 | #F8FAFC | #1E293B | Star white + launch blue |
| 91 | 90 | Architecture / Interior | #171717 | #404040 | #D4AF37 | #FFFFFF | #171717 | #E5E5E5 | Minimal black + accent gold |
| 92 | 91 | Quantum Computing | #00FFFF | #7B61FF | #FF00FF | #050510 | #E0E0FF | #333344 | Quantum cyan + interference purple |
| 93 | 92 | Biohacking / Longevity | #FF4D4D | #4D94FF | #00E676 | #F5F5F7 | #1C1C1E | #E5E5EA | Bio red/blue + vitality green |
| 94 | 93 | Autonomous Systems | #00FF41 | #008F11 | #FF3333 | #0D1117 | #E6EDF3 | #30363D | Terminal green + alert red |
| 95 | 94 | Generative AI Art | #18181B | #3F3F46 | #EC4899 | #FAFAFA | #09090B | #E4E4E7 | Canvas neutral + creative pink |
| 96 | 95 | Spatial / Vision OS | #FFFFFF | #E5E5E5 | #007AFF | #888888 | #000000 | #CCCCCC | Glass white + system blue |
| 97 | 96 | Climate Tech | #059669 | #10B981 | #FBBF24 | #ECFDF5 | #064E3B | #A7F3D0 | Nature green + solar gold |