# Industry Design Intelligence

> 20 complete industry design profiles. Each includes recommended styles, color schemes, typography tone, key effects, and industry-specific anti-patterns. Used in CREATE/EVOLVE phases to quickly align "industry correctness" with usability constraints.

---

## Usage

Match industry profile based on project domain, apply by following priority:
1. **Required**: Color scheme + Typography tone
2. **Recommended**: Key effects + Style priority
3. **Must Avoid**: Industry anti-patterns

Cross-industry mixing allowed. For example, Fintech colors + SaaS layout patterns. But don't mix more than 2 industries' characteristics in one design.

---

## 1. Fintech / Financial Technology

**Emotion**: Trust, stability, precision, modern

| Item | Recommendation |
|------|----------------|
| Style | Minimal Modern → Neo-Minimalism → Precision Tech |
| Primary | Deep blue `oklch(0.40 0.12 255)` or Ink green `oklch(0.38 0.08 165)` |
| Secondary | Silver gray `oklch(0.72 0.01 255)`, Gold accent `oklch(0.72 0.10 85)` |
| Heading font | Tight sans-serif (e.g. IBM Plex Sans, Geist) |
| Body font | High-readability sans-serif, tabular-nums required |
| Key effects | Data table precision, subtle gradients (not purple-blue), decimal alignment, currency symbol handling |
| Anti-patterns | Purple-blue gradients, neon colors, cartoon illustrations, overly playful motion, "AI purple" |

---

## 2. Healthcare / Medical Health

**Emotion**: Care, clean, professional, reassuring

| Item | Recommendation |
|------|----------------|
| Style | Warm Minimalism → Organic Natural → Clean Clinical |
| Primary | Soft blue-green `oklch(0.55 0.08 185)` or Warm white-green `oklch(0.60 0.06 150)` |
| Secondary | Warm beige `oklch(0.92 0.02 80)`, Soft coral `oklch(0.70 0.10 20)` |
| Heading font | Rounded sans-serif (e.g. Nunito Sans, Plus Jakarta Sans) |
| Body font | Large size high line-height (body 18px, line-height 1.65), readability priority |
| Key effects | Rounded corners (not excessive), soft shadows, breathing space, clear icons |
| Anti-patterns | Bright neon, dark backgrounds, pure white without warmth, emergency red cross abuse, overly technical |

---

## 3. E-commerce

**Emotion**: Trust, desire, convenience, vitality

| Item | Recommendation |
|------|----------------|
| Style | Conversion-First → Brand Immersive → Minimal Luxury |
| Primary | Brand-driven, usually warm (orange `oklch(0.65 0.18 55)` or red `oklch(0.55 0.20 25)`) |
| Secondary | Neutral warm gray `oklch(0.55 0.01 70)`, CTA high contrast |
| Heading font | Depends on brand tone (luxury → serif, mass market → sans-serif) |
| Body font | Product descriptions need high readability, prices need tabular-nums |
| Key effects | High-quality product images (webp/avif), quick add to cart, clear inventory status, trust badges |
| Anti-patterns | Information overload, popup bombardment, fake countdowns, low-quality product images, hidden shipping costs |

---

## 4. SaaS / Enterprise Software

**Emotion**: Efficiency, clarity, professional, trustworthy

| Item | Recommendation |
|------|----------------|
| Style | Function-First → Lightweight DS → Precision Dashboard |
| Primary | Neutral blue `oklch(0.50 0.15 255)` or Tech green `oklch(0.50 0.12 165)` |
| Secondary | Light gray surface `oklch(0.96 0.005 255)`, Functional colors (status colors) |
| Heading font | Inter alternatives (Instrument Sans, Geist, Satoshi) |
| Body font | System font stack preferred (performance), functional UI needs tight line-height |
| Key effects | Data-dense layout, keyboard shortcuts, bulk operations, breadcrumb navigation, empty state design |
| Anti-patterns | Marketing-style landing UI on dashboard, excessive rounded corners, excessive animation, cards nesting cards |

---

## 5. Education / Learning

**Emotion**: Inspire, friendly, clear, sense of progress

| Item | Recommendation |
|------|----------------|
| Style | Friendly Clear → Card Learning → Immersive Explore |
| Primary | Warm blue `oklch(0.55 0.12 250)` or Vitality green `oklch(0.55 0.15 155)` |
| Secondary | Warm yellow `oklch(0.80 0.12 90)`, Encouraging orange `oklch(0.70 0.14 55)` |
| Heading font | Friendly sans-serif (Plus Jakarta Sans, Nunito) |
| Body font | Large size (18px+), generous line-height, wider line length acceptable (educational content needs comfortable reading) |
| Key effects | Progress visualization, achievement system, clear chapter divisions, knowledge cards, interactive feedback |
| Anti-patterns | Overly serious academic style, information wall (large text blocks without division), no progress feedback, complex navigation |

---

## 6. Gaming

**Emotion**: Excitement, immersion, power, community

| Item | Recommendation |
|------|----------------|
| Style | Dark Immersive → Cyberpunk → Minimal Esport |
| Primary | Dark base `oklch(0.15 0.02 280)` + High-saturation accent |
| Secondary | Neon green `oklch(0.70 0.25 150)`, Electric purple `oklch(0.55 0.25 300)` — Gaming is one of few fields suitable for high saturation |
| Heading font | Display fonts (Clash Display, Syne, Space Grotesk) |
| Body font | Tight sans-serif, game UI can use smaller sizes |
| Key effects | Particle effects (reasonable in gaming domain), HUD design, frame-rate-aware animation, community social |
| Anti-patterns | Too crude, poor mobile performance, opaque paywall design, no feedback during match wait |

---

## 7. Social Media

**Emotion**: Connection, vitality, expression, instant

| Item | Recommendation |
|------|----------------|
| Style | Content-First → Photo Immersive → Community Warm |
| Primary | Brand-driven (blue `oklch(0.55 0.18 255)`, pink `oklch(0.65 0.18 350)`, green `oklch(0.60 0.15 160)`) |
| Secondary | Neutral light gray `oklch(0.96 0.005 0)`, Functional semantic colors |
| Heading font | Brand display font + System UI font |
| Body font | System font stack (multilingual required), complete emoji support |
| Key effects | Infinite scroll optimization, image/video priority, real-time updates, notification system, share flow |
| Anti-patterns | Too high information density, algorithm black-box feel, hard-to-find privacy settings, notification bombardment |

---

## 8. Travel

**Emotion**: Aspiration, freedom, comfort, exploration

| Item | Recommendation |
|------|----------------|
| Style | Immersive Photography → Warm Organic → Boutique |
| Primary | Sky blue `oklch(0.60 0.12 230)` or Warm orange `oklch(0.65 0.16 55)` |
| Secondary | Beach beige `oklch(0.90 0.02 75)`, Forest green `oklch(0.45 0.10 155)` |
| Heading font | Elegant serif (Playfair Display, Lora) or Humanist sans-serif |
| Body font | High-readability sans-serif, multilingual support (destination names) |
| Key effects | Full-width photography, map integration, date picker UX, price calendar, progressive search results |
| Anti-patterns | Low-quality images, complex booking flow, hidden fees, difficult date picker, no offline support |

---

## 9. Food & Restaurant

**Emotion**: Appetite, warmth, handcrafted, enjoyment

| Item | Recommendation |
|------|----------------|
| Style | Warm Artisanal → Modern Gastronomy → Street Vibrant |
| Primary | Warm red/orange `oklch(0.55 0.18 30)` or Deep brown `oklch(0.35 0.06 60)` |
| Secondary | Cream white `oklch(0.95 0.02 85)`, Natural green `oklch(0.50 0.10 145)` |
| Heading font | Handcrafted-feel serif (Fraunces, Playfair Display) or Signature-style script font |
| Body font | Warm sans-serif, menus need tabular-nums for prices |
| Key effects | High-quality food photography, menu typography, reservation flow, operating hours display |
| Anti-patterns | Fake food images, PDF menus, no nutritional info, too small fonts, no mobile menu |

---

## 10. Real Estate

**Emotion**: Trust, quality, aspiration, investment

| Item | Recommendation |
|------|----------------|
| Style | Quality Refined → Immersive Showcase → Minimal Luxury |
| Primary | Deep navy blue `oklch(0.30 0.08 255)` or Gold `oklch(0.65 0.12 80)` |
| Secondary | Warm gray `oklch(0.55 0.01 70)`, White `oklch(0.98 0.005 80)` |
| Heading font | Elegant serif (Playfair Display) or Refined sans-serif (DM Sans) |
| Body font | High readability, addresses and prices need clear typography |
| Key effects | Image gallery/360° display, map markers, price/area comparison table, filter system |
| Anti-patterns | Low-quality property photos, fake pricing, incomplete info, complex contact flow |

---

## 11. Fitness

**Emotion**: Energy, progress, power, focus

| Item | Recommendation |
|------|----------------|
| Style | Energy Active → Dark Power → Clean Minimal |
| Primary | Vitality orange `oklch(0.65 0.18 55)` or Electric blue `oklch(0.55 0.18 250)` |
| Secondary | Deep gray `oklch(0.20 0.01 0)`, Neon green accent `oklch(0.70 0.22 150)` |
| Heading font | Bold sans-serif (font-weight: 800-900) |
| Body font | Tight clear, data display friendly |
| Key effects | Progress charts, motivational animation, timer UI, heart rate/calorie visualization |
| Anti-patterns | Too soft, no progress tracking, complex recording flow, ignoring rest day design |

---

## 12. Music & Entertainment

**Emotion**: Rhythm, immersion, personality, emotion

| Item | Recommendation |
|------|----------------|
| Style | Dark Immersive → Brand Personality → Minimal Player |
| Primary | Brand-driven (Spotify green `oklch(0.60 0.22 155)`, Apple gray `oklch(0.55 0.01 0)`) |
| Secondary | Dark background `oklch(0.12 0.01 0)`, Album art extracted colors |
| Heading font | Brand display font |
| Body font | System font (lyrics need multilingual, RTL support) |
| Key effects | Audio visualization, album cover as star, playback control gestures, background playback integration |
| Anti-patterns | Playback interruption, complex music discovery, opaque recommendations, social features interference |

---

## 13. News & Media

**Emotion**: Urgency, credible, depth, diverse

| Item | Recommendation |
|------|----------------|
| Style | Editorial Typography → News Feed → Magazine Immersive |
| Primary | Neutral dark `oklch(0.20 0.02 0)` + Brand accent color |
| Secondary | Light gray layers `oklch(0.94/0.88/0.82 0.005 0)` |
| Heading font | Strong serif (PT Serif, Merriweather) or Strong sans-serif (Source Sans 3) |
| Body font | Premium reading font (body 18px, line-height 1.7, width 65-70ch) |
| Key effects | Typewriter title animation, reading progress bar, article typography gold standard, pagination/infinite scroll |
| Anti-patterns | Auto-playing video, popups blocking reading, too many ads, clickbait design, no dark mode |

---

## 14. Legal

**Emotion**: Authority, credible, precision, security

| Item | Recommendation |
|------|----------------|
| Style | Authoritative Classic → Precision Modern → Trust Minimal |
| Primary | Deep navy blue `oklch(0.30 0.08 255)` or Deep gray-green `oklch(0.35 0.04 200)` |
| Secondary | Gold `oklch(0.70 0.10 85)`, Ivory white `oklch(0.95 0.01 85)` |
| Heading font | Classic serif (Libre Baskerville) or Precision sans-serif (IBM Plex Sans) |
| Body font | High readability, legal text needs generous line-height and line length |
| Key effects | Clear credential display, trust badges, case showcase, document download UX |
| Anti-patterns | Too playful, low-quality design, cartoon style, missing privacy policy, complex consultation flow |

---

## 15. Non-profit

**Emotion**: Empathy, action, hope, transparency

| Item | Recommendation |
|------|----------------|
| Style | Empathic Warm → Clear Action → Brand Storytelling |
| Primary | Warm green `oklch(0.55 0.12 155)` or Hope blue `oklch(0.55 0.12 240)` |
| Secondary | Warm orange `oklch(0.70 0.12 55)`, Light warm gray `oklch(0.95 0.01 70)` |
| Heading font | Friendly sans-serif (Nunito Sans, Source Sans 3) |
| Body font | High readability, storytelling needs comfortable reading experience |
| Key effects | Simplified donation flow, impact data visualization, narrative storytelling, volunteer CTA |
| Anti-patterns | Too sad/negative, complex donation flow, missing transparency, no impact report |

---

## 16. Portfolio

**Emotion**: Personality, creativity, professional, unique

| Item | Recommendation |
|------|----------------|
| Style | Personality Showcase → Minimal Gallery → Experimental |
| Primary | Depends on personal brand — can boldly choose |
| Secondary | Neutral gray dominant, work itself is color source |
| Heading font | Display font (unique but readable: Syne, Space Grotesk, Clash Display) |
| Body font | Low-key sans-serif, let work speak |
| Key effects | Work display priority, fluid navigation, fast loading, personalized interaction |
| Anti-patterns | Template design (portfolios most shouldn't be templated), slow loading, blurry work images, no contact method |

---

## 17. Crypto & Web3

**Emotion**: Frontier, decentralized, community, technology

| Item | Recommendation |
|------|----------------|
| Style | Precision Tech → Dark Data → Community Driven |
| Primary | Electric blue `oklch(0.50 0.18 260)` or Ultraviolet `oklch(0.50 0.15 290)` — Web3 is one of few fields suitable for purple |
| Secondary | Dark base `oklch(0.12 0.02 260)`, Emerald `oklch(0.65 0.18 155)` |
| Heading font | Monospace/Technical font (JetBrains Mono, Space Mono) or Geometric sans-serif |
| Body font | Tight sans-serif, addresses/hash need monospace + copy button |
| Key effects | Real-time data stream, chart animation, wallet connection UX, transaction confirmation flow |
| Anti-patterns | "AI purple" abuse (even Web3 shouldn't default purple), fake scarcity, complex onboarding |

---

## 18. AI & ML

**Emotion**: Intelligent, innovative, reliable, humanist

| Item | Recommendation |
|------|----------------|
| Style | Precision Modern → Humanist Tech → Lightweight Functional |
| Primary | Deep blue `oklch(0.40 0.12 260)` or Ink green `oklch(0.40 0.08 165)` — **Strictly no default purple** |
| Secondary | Cool gray `oklch(0.55 0.01 255)`, Warm accent (humanist feel) |
| Heading font | Geometric sans-serif (Space Grotesk, Geist, Instrument Sans) |
| Body font | High-readability sans-serif, model output needs monospace distinction |
| Key effects | Streaming text output, token visualization, model selection UI, parameter adjustment controls |
| Anti-patterns | Purple gradient + 3D robot (biggest AI slop), excessive anthropomorphization, black-box operations without explanation, fake AI capability claims |

---

## 19. IoT

**Emotion**: Connected, controlled, simple, reliable

| Item | Recommendation |
|------|----------------|
| Style | Lightweight Control → Dashboard → Embedded Minimal |
| Primary | Tech blue `oklch(0.50 0.14 255)` or Status green `oklch(0.55 0.15 150)` |
| Secondary | Functional colors dominant (online/offline/error), dark/light dual theme |
| Heading font | Tight sans-serif (IBM Plex Sans, Geist) |
| Body font | System font preferred (embedded performance), data uses tabular-nums |
| Key effects | Real-time status, device cards, control sliders, firmware update progress, energy consumption charts |
| Anti-patterns | Information overload, too deep control hierarchy, no offline state design, no feedback on delay |

---

## 20. Developer Tools

**Emotion**: Efficiency, precision, dark preference, geek aesthetic

| Item | Recommendation |
|------|----------------|
| Style | Dark Precision → Terminal Aesthetic → Minimal Functional |
| Primary | Terminal green `oklch(0.60 0.15 155)` or Editor blue `oklch(0.50 0.14 260)` |
| Secondary | Dark background `oklch(0.15 0.01 260)`, Syntax highlighting color scheme |
| Heading font | Monospace (JetBrains Mono, Fira Code) or Geometric sans-serif |
| Body font | Monospace font, code needs syntax highlighting, line numbers, copy button |
| Key effects | Code editor UI, terminal simulation, diff visualization, shortcut hints, command palette |
| Anti-patterns | Low-contrast dark theme (developers most care about contrast), ignoring shortcuts, no CLI alternative |

---

## Quick Industry Matching Guide

Not sure which industry your project belongs to? Use this decision tree:

```
Who does the product sell to?
├── Enterprise customers → SaaS (#4)
├── Individual consumers
│   ├── What are they spending on?
│   │   ├── Physical goods → E-commerce (#3)
│   │   ├── Experience → Travel (#8) / Food (#9) / Fitness (#11)
│   │   ├── Content → Music (#12) / News (#13) / Education (#5)
│   │   └── Investment → Fintech (#1) / Real Estate (#10) / Crypto (#17)
│   └── What is being connected?
│       ├── People → Social (#7) / Gaming (#6)
│       ├── Devices → IoT (#19)
│       └── Information → AI (#18) / DevTools (#20)
├── Self-showcase → Portfolio (#16)
├── Public mission → Non-profit (#15)
├── Professional services → Legal (#14) / Healthcare (#2)
└── Unsure → SaaS (#4) is safe starting point
```