Visual Style Guide
Maintain consistent visual style across procedurally generated assets through style tokens, color palettes, and material definitions.
Core Concepts
| Concept |
Purpose |
Reference |
| Style Token |
Modifies generation parameters (roughness, saturation, detail) |
style-tokens.md |
| Color Palette |
HSL ranges for consistent colors |
color-palettes.md |
| Material |
PBR parameters for surfaces |
material-database.md |
| Recipe |
Bundles token + palette + material + constraints |
generation-recipes.md |
Style Token Quick Reference
| Token |
Roughness |
Saturation |
Detail |
Use For |
| RUSTIC |
+0.3 |
0.7x |
Medium |
Medieval, weathered |
| PRISTINE |
-0.2 |
1.0x |
High |
Sci-fi, clean |
| CYBERPUNK |
-0.1 |
1.3x |
Extreme |
Neon, tech |
| GOTHIC |
+0.2 |
0.6x |
High |
Horror, ornate |
| ORGANIC |
+0.1 |
0.9x |
High |
Natural, living |
See references/style-tokens.md for 15+ tokens with full parameters.
Color Palette Quick Reference
| Palette |
Hue Range |
Saturation |
Use For |
| WarmEarthy |
15-45 (orange-brown) |
0.3-0.6 |
Wood, leather |
| CoolMetal |
200-240 (blue-gray) |
0.1-0.3 |
Steel, chrome |
| Neon |
280-320, 160-200 |
0.8-1.0 |
Cyberpunk |
| Muted |
Any |
0.1-0.3 |
Stone, worn |
| Vibrant |
Any |
0.7-1.0 |
Fantasy, cartoon |
See references/color-palettes.md for 12 palettes with specifications.
Material Quick Reference
Use dot notation: category.variant
| Category |
Variants |
Key Properties |
| metal |
polished, brushed, rusted, chrome |
High metallic |
| wood |
fresh, weathered, painted, charred |
Low metallic, high roughness |
| stone |
polished, rough, mossy, marble |
Varied roughness |
| fabric |
cotton, silk, leather, velvet |
Medium roughness |
| crystal |
clear, colored, magical |
Low roughness, optional emission |
See references/material-database.md for 40+ materials with PBR values.
Semantic Description Examples
| Natural Language |
Style Translation |
| "rusty old barrel" |
Style: Rustic, Material: metal.rusted |
| "glowing crystal" |
Style: Fantasy, Material: crystal.magical, Emission: 0.8 |
| "clean sci-fi panel" |
Style: Pristine, Material: metal.brushed |
| "neon cyberpunk sign" |
Style: Cyberpunk, Material: tech.hologram |
Creative Workflow
1. DESCRIBE → "weathered medieval barrel"
2. INTERPRET → Style: Rustic, Palette: WarmEarthy, Material: wood.weathered
3. GENERATE → Produce mesh + textures
4. ASSESS → Run quality heuristics
5. ITERATE → Adjust based on feedback
Quality Heuristics Summary
Texture:
- Contrast > 0.15
- Noise coherence > 0.4
- Histogram balance > 0.3
Mesh:
- Triangle count within budget
- Degenerate triangles = 0
- UV coverage > 0.95
See references/quality-heuristics.md for measurement code.
Game Type Recommendations
| Game Type |
Recipe |
| Medieval RPG |
Rustic + WarmEarthy + wood/stone |
| Sci-Fi |
Pristine + CoolMetal + metal/tech |
| Horror |
Gothic + Muted + stone/organic |
| Cartoon |
Stylized + Vibrant + any |
| Cyberpunk |
Cyberpunk + Neon + metal/tech |
See references/generation-recipes.md for complete recipe code.
1---2name: visual-style-guide-23description: Reference for consistent visual style across procedurally generated assets. **Triggers:** "visual style", "art style", "color palette", "material", "PBR". **Before generating:** Check `.studio/visual-style.md` for project style. **Load references when:** - Style tokens → `references/style-tokens.md` - Color palettes → `references/color-palettes.md` - PBR materials → `references/material-database.md` - Metal materials → `references/materials-metals.md` - Natural materials → `references/materials-natural.md` - Generation recipes → `references/generation-recipes.md` - Quality assessment → `references/quality-heuristics.md`4---5
6# Visual Style Guide
7
8Maintain consistent visual style across procedurally generated assets through style tokens, color palettes, and material definitions.
9
10## Core Concepts
11
12| Concept | Purpose | Reference |
13|---------|---------|-----------|
14| Style Token | Modifies generation parameters (roughness, saturation, detail) | `style-tokens.md` |
15| Color Palette | HSL ranges for consistent colors | `color-palettes.md` |
16| Material | PBR parameters for surfaces | `material-database.md` |
17| Recipe | Bundles token + palette + material + constraints | `generation-recipes.md` |
18
19## Style Token Quick Reference
20
21| Token | Roughness | Saturation | Detail | Use For |
22|-------|-----------|------------|--------|---------|
23| RUSTIC | +0.3 | 0.7x | Medium | Medieval, weathered |
24| PRISTINE | -0.2 | 1.0x | High | Sci-fi, clean |
25| CYBERPUNK | -0.1 | 1.3x | Extreme | Neon, tech |
26| GOTHIC | +0.2 | 0.6x | High | Horror, ornate |
27| ORGANIC | +0.1 | 0.9x | High | Natural, living |
28
29See `references/style-tokens.md` for 15+ tokens with full parameters.
30
31## Color Palette Quick Reference
32
33| Palette | Hue Range | Saturation | Use For |
34|---------|-----------|------------|---------|
35| WarmEarthy | 15-45 (orange-brown) | 0.3-0.6 | Wood, leather |
36| CoolMetal | 200-240 (blue-gray) | 0.1-0.3 | Steel, chrome |
37| Neon | 280-320, 160-200 | 0.8-1.0 | Cyberpunk |
38| Muted | Any | 0.1-0.3 | Stone, worn |
39| Vibrant | Any | 0.7-1.0 | Fantasy, cartoon |
40
41See `references/color-palettes.md` for 12 palettes with specifications.
42
43## Material Quick Reference
44
45Use dot notation: `category.variant`
46
47| Category | Variants | Key Properties |
48|----------|----------|----------------|
49| metal | polished, brushed, rusted, chrome | High metallic |
50| wood | fresh, weathered, painted, charred | Low metallic, high roughness |
51| stone | polished, rough, mossy, marble | Varied roughness |
52| fabric | cotton, silk, leather, velvet | Medium roughness |
53| crystal | clear, colored, magical | Low roughness, optional emission |
54
55See `references/material-database.md` for 40+ materials with PBR values.
56
57## Semantic Description Examples
58
59| Natural Language | Style Translation |
60|------------------|------------------|
61| "rusty old barrel" | Style: Rustic, Material: metal.rusted |
62| "glowing crystal" | Style: Fantasy, Material: crystal.magical, Emission: 0.8 |
63| "clean sci-fi panel" | Style: Pristine, Material: metal.brushed |
64| "neon cyberpunk sign" | Style: Cyberpunk, Material: tech.hologram |
65
66## Creative Workflow
67
68```
691. DESCRIBE → "weathered medieval barrel"
702. INTERPRET → Style: Rustic, Palette: WarmEarthy, Material: wood.weathered
713. GENERATE → Produce mesh + textures
724. ASSESS → Run quality heuristics
735. ITERATE → Adjust based on feedback
74```
75
76## Quality Heuristics Summary
77
78**Texture:**
79- Contrast > 0.15
80- Noise coherence > 0.4
81- Histogram balance > 0.3
82
83**Mesh:**
84- Triangle count within budget
85- Degenerate triangles = 0
86- UV coverage > 0.95
87
88See `references/quality-heuristics.md` for measurement code.
89
90## Game Type Recommendations
91
92| Game Type | Recipe |
93|-----------|--------|
94| Medieval RPG | Rustic + WarmEarthy + wood/stone |
95| Sci-Fi | Pristine + CoolMetal + metal/tech |
96| Horror | Gothic + Muted + stone/organic |
97| Cartoon | Stylized + Vibrant + any |
98| Cyberpunk | Cyberpunk + Neon + metal/tech |
99
100See `references/generation-recipes.md` for complete recipe code.
majiayu000