136 lines
3.3 KiB
Markdown
136 lines
3.3 KiB
Markdown
# Mood Dimension
|
|
|
|
Color temperature and palette style.
|
|
|
|
## Options
|
|
|
|
| Option | Color Temperature | Palette Style | Best For |
|
|
|--------|-------------------|---------------|----------|
|
|
| `professional` | Cool-neutral | Navy, gold, structured grays | Business, investor, corporate |
|
|
| `warm` | Warm | Earth tones, oranges, natural colors | Education, friendly, approachable |
|
|
| `cool` | Cool | Blues, grays, cyan, teal | Technical, data, analytical |
|
|
| `vibrant` | Varied | High saturation, bold colors | Marketing, creative, attention-grabbing |
|
|
| `dark` | Dark | Deep backgrounds with bright accents | Entertainment, gaming, atmospheric |
|
|
| `neutral` | Neutral | Minimal color, grayscale focus | Executive, minimal, sophisticated |
|
|
|
|
## Palette Specifications
|
|
|
|
### professional
|
|
|
|
```
|
|
Background: #FFFFFF (Pure White)
|
|
Primary Text: #1E3A5F (Navy)
|
|
Secondary Text: #4A5568 (Dark Gray)
|
|
Accent 1: #C9A227 (Gold)
|
|
Accent 2: #3D5A80 (Light Navy)
|
|
```
|
|
|
|
### warm
|
|
|
|
```
|
|
Background: #FAF8F0 (Warm Off-White)
|
|
Primary Text: #2C3E50 (Deep Charcoal)
|
|
Secondary Text: #4A4A4A (Deep Brown)
|
|
Accent 1: #F4A261 (Soft Orange)
|
|
Accent 2: #E9C46A (Mustard Yellow)
|
|
Accent 3: #87A96B (Sage Green)
|
|
```
|
|
|
|
### cool
|
|
|
|
```
|
|
Background: #FAF8F5 (Blueprint Off-White)
|
|
Primary Text: #334155 (Deep Slate)
|
|
Secondary Text: #64748B (Slate Gray)
|
|
Accent 1: #2563EB (Engineering Blue)
|
|
Accent 2: #1E3A5F (Navy Blue)
|
|
Accent 3: #BFDBFE (Light Blue)
|
|
```
|
|
|
|
### vibrant
|
|
|
|
```
|
|
Background: #FFFFFF or #1A1A2E (Light or Dark)
|
|
Primary Text: #1A1A2E or #FFFFFF
|
|
Accent 1: #E94560 (Coral Red)
|
|
Accent 2: #0F3460 (Deep Blue)
|
|
Accent 3: #16C79A (Teal Green)
|
|
Accent 4: #F9B208 (Golden Yellow)
|
|
```
|
|
|
|
### dark
|
|
|
|
```
|
|
Background: #0D1117 (Deep Black)
|
|
Primary Text: #E6EDF3 (Soft White)
|
|
Secondary Text: #8B949E (Muted Gray)
|
|
Accent 1: #58A6FF (Bright Blue)
|
|
Accent 2: #7EE787 (Bright Green)
|
|
Accent 3: #FF7B72 (Coral)
|
|
```
|
|
|
|
### neutral
|
|
|
|
```
|
|
Background: #FFFFFF (Pure White)
|
|
Primary Text: #18181B (Near Black)
|
|
Secondary Text: #71717A (Medium Gray)
|
|
Accent 1: #18181B (Black)
|
|
Accent 2: #A1A1AA (Light Gray)
|
|
```
|
|
|
|
## Rendering Guidelines
|
|
|
|
### professional
|
|
|
|
- Restrained use of accent colors
|
|
- Gold for emphasis only
|
|
- Clean, institutional feel
|
|
- Balanced contrast
|
|
|
|
### warm
|
|
|
|
- Generous use of warm tones
|
|
- Natural, approachable colors
|
|
- Soft transitions between colors
|
|
- Welcoming atmosphere
|
|
|
|
### cool
|
|
|
|
- Blue-dominant palette
|
|
- Technical precision in color use
|
|
- High contrast for clarity
|
|
- Analytical, trustworthy feel
|
|
|
|
### vibrant
|
|
|
|
- Bold color combinations
|
|
- High saturation throughout
|
|
- Dynamic color contrasts
|
|
- Energetic visual presence
|
|
|
|
### dark
|
|
|
|
- Deep backgrounds dominate
|
|
- Accent colors pop against dark
|
|
- Glowing/luminous effects
|
|
- Cinematic atmosphere
|
|
|
|
### neutral
|
|
|
|
- Minimal color usage
|
|
- Typography carries weight
|
|
- Grayscale hierarchy
|
|
- Maximum sophistication
|
|
|
|
## Combination Notes
|
|
|
|
| Mood | Works Best With | Avoid With |
|
|
|------|-----------------|------------|
|
|
| professional | clean texture, geometric typography | organic texture, handwritten |
|
|
| warm | organic texture, humanist typography | pixel texture, minimal density |
|
|
| cool | grid texture, technical typography | paper texture, handwritten |
|
|
| vibrant | pixel/organic texture, editorial typography | neutral mood overlaps |
|
|
| dark | clean/pixel texture, technical typography | paper texture |
|
|
| neutral | clean texture, geometric typography | organic texture, vibrant elements |
|