docs: update all documentation and add AI tooling configs
- Rewrite README.md with current architecture, features and stack - Update docs/API.md with all current endpoints (corporate, BI, client 360) - Update docs/ARCHITECTURE.md with cache, modular queries, services, ETL - Update docs/GUIA-USUARIO.md for all roles (admin, corporate, agente) - Add docs/INDEX.md documentation index - Add PROJETO.md comprehensive project reference - Add BI-CCC-Implementation-Guide.md - Include AI agent configs (.claude, .agents, .gemini, _bmad) - Add netbird VPN configuration - Add status report Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,209 @@
|
||||
# Visual Direction: {{project_name}}
|
||||
|
||||
> Brand Aesthetics & Design Guidelines
|
||||
|
||||
**Created:** {{date}}
|
||||
**Author:** {{user_name}}
|
||||
**Related:** [Product Brief](./product-brief.md) | [Content & Language](./content-language.md)
|
||||
|
||||
---
|
||||
|
||||
## Existing Brand Assets
|
||||
|
||||
### Current Assets
|
||||
|
||||
{{existing_assets_summary}}
|
||||
|
||||
| Asset | Status | Location |
|
||||
|-------|--------|----------|
|
||||
{{#each existing_assets}}
|
||||
| {{this.asset}} | {{this.status}} | {{this.location}} |
|
||||
{{/each}}
|
||||
|
||||
### Brand Constraints
|
||||
|
||||
{{#each brand_constraints}}
|
||||
- {{this}}
|
||||
{{/each}}
|
||||
|
||||
---
|
||||
|
||||
## Visual References
|
||||
|
||||
### Inspiration Sites
|
||||
|
||||
{{#each reference_sites}}
|
||||
**[{{this.name}}]({{this.url}})**
|
||||
- What we like: {{this.what_we_like}}
|
||||
- Relevance: {{this.relevance}}
|
||||
|
||||
{{/each}}
|
||||
|
||||
### Visual Mood
|
||||
|
||||
{{mood_description}}
|
||||
|
||||
**Keywords:** {{mood_keywords}}
|
||||
|
||||
---
|
||||
|
||||
## Design Style
|
||||
|
||||
### UI Style
|
||||
|
||||
**Primary Style:** {{ui_style}}
|
||||
|
||||
{{ui_style_description}}
|
||||
|
||||
**Characteristics:**
|
||||
{{#each ui_style_characteristics}}
|
||||
- {{this}}
|
||||
{{/each}}
|
||||
|
||||
### Design Aesthetic
|
||||
|
||||
**Aesthetic:** {{design_aesthetic}}
|
||||
|
||||
{{aesthetic_description}}
|
||||
|
||||
---
|
||||
|
||||
## Color Direction
|
||||
|
||||
### Color Strategy
|
||||
|
||||
{{color_strategy}}
|
||||
|
||||
### Palette Direction
|
||||
|
||||
| Role | Direction | Notes |
|
||||
|------|-----------|-------|
|
||||
| **Primary** | {{color_primary}} | {{color_primary_notes}} |
|
||||
| **Secondary** | {{color_secondary}} | {{color_secondary_notes}} |
|
||||
| **Accent** | {{color_accent}} | {{color_accent_notes}} |
|
||||
| **Background** | {{color_background}} | {{color_background_notes}} |
|
||||
| **Text** | {{color_text}} | {{color_text_notes}} |
|
||||
|
||||
### Color Scheme Type
|
||||
|
||||
**Type:** {{color_scheme_type}}
|
||||
|
||||
*Reference: [Color Terminology](../../../docs/models/design-nomenclature/color-terminology.md)*
|
||||
|
||||
---
|
||||
|
||||
## Typography Direction
|
||||
|
||||
### Type Approach
|
||||
|
||||
{{typography_approach}}
|
||||
|
||||
### Font Direction
|
||||
|
||||
| Role | Style | Examples | Rationale |
|
||||
|------|-------|----------|-----------|
|
||||
| **Headlines** | {{headline_style}} | {{headline_examples}} | {{headline_rationale}} |
|
||||
| **Body** | {{body_style}} | {{body_examples}} | {{body_rationale}} |
|
||||
| **UI** | {{ui_font_style}} | {{ui_font_examples}} | {{ui_font_rationale}} |
|
||||
|
||||
*Reference: [Typography Classification](../../../docs/models/design-nomenclature/typography-classification.md)*
|
||||
|
||||
---
|
||||
|
||||
## Layout Direction
|
||||
|
||||
### Layout Approach
|
||||
|
||||
{{layout_approach}}
|
||||
|
||||
### Key Layout Elements
|
||||
|
||||
| Element | Approach | Notes |
|
||||
|---------|----------|-------|
|
||||
| **Hero Section** | {{hero_approach}} | {{hero_notes}} |
|
||||
| **Content Layout** | {{content_layout}} | {{content_notes}} |
|
||||
| **Navigation** | {{nav_approach}} | {{nav_notes}} |
|
||||
| **Cards/Modules** | {{card_approach}} | {{card_notes}} |
|
||||
|
||||
*Reference: [Layout Terminology](../../../docs/models/design-nomenclature/layout-terminology.md)*
|
||||
|
||||
---
|
||||
|
||||
## Visual Effects
|
||||
|
||||
### Effect Usage
|
||||
|
||||
{{effects_approach}}
|
||||
|
||||
### Specific Effects
|
||||
|
||||
| Effect | Usage | Notes |
|
||||
|--------|-------|-------|
|
||||
{{#each effects}}
|
||||
| {{this.effect}} | {{this.usage}} | {{this.notes}} |
|
||||
{{/each}}
|
||||
|
||||
*Reference: [Visual Effects](../../../docs/models/design-nomenclature/visual-effects.md)*
|
||||
|
||||
---
|
||||
|
||||
## Photography & Imagery
|
||||
|
||||
### Photography Style
|
||||
|
||||
{{photography_style}}
|
||||
|
||||
### Image Sources
|
||||
|
||||
| Type | Source | Notes |
|
||||
|------|--------|-------|
|
||||
{{#each image_sources}}
|
||||
| {{this.type}} | {{this.source}} | {{this.notes}} |
|
||||
{{/each}}
|
||||
|
||||
### Image Guidelines
|
||||
|
||||
{{#each image_guidelines}}
|
||||
- {{this}}
|
||||
{{/each}}
|
||||
|
||||
---
|
||||
|
||||
## Design Constraints
|
||||
|
||||
*From Platform Requirements and brand needs*
|
||||
|
||||
{{#each design_constraints}}
|
||||
- {{this}}
|
||||
{{/each}}
|
||||
|
||||
---
|
||||
|
||||
## Summary: Visual DNA
|
||||
|
||||
```
|
||||
Style: {{summary_style}}
|
||||
Colors: {{summary_colors}}
|
||||
Typography: {{summary_typography}}
|
||||
Mood: {{summary_mood}}
|
||||
Key Element: {{summary_key_element}}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Next Steps
|
||||
|
||||
- [ ] **Phase 2: Trigger Mapping** — Connect visuals to user psychology
|
||||
- [ ] **Phase 4: UX Design** — Apply visual direction to designs
|
||||
- [ ] **Phase 5: Design System** — Build design tokens from direction
|
||||
|
||||
---
|
||||
|
||||
## Reference Files
|
||||
|
||||
- [visual-references/](./visual-references/) — Collected reference images
|
||||
- [Design Nomenclature](../../../docs/models/design-nomenclature/index.md) — Vocabulary reference
|
||||
|
||||
---
|
||||
|
||||
_Generated by Whiteport Design Studio_
|
||||
Reference in New Issue
Block a user