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,26 @@
|
||||
# 3D Render
|
||||
|
||||
## Overview
|
||||
Full 3D rendered objects or scenes with realistic materials, lighting, and depth.
|
||||
|
||||
## Rendering Characteristics
|
||||
|
||||
| Property | Value |
|
||||
|----------|-------|
|
||||
| **Detail level** | High — materials, reflections, environment |
|
||||
| **Lighting** | Studio or environmental lighting |
|
||||
| **Texture** | Realistic materials (metal, glass, plastic, fabric) |
|
||||
| **Color** | Full spectrum, material-dependent |
|
||||
| **Depth** | Full 3D with perspective |
|
||||
|
||||
## Prompt Keywords
|
||||
`3D render, 3D illustration, CGI, rendered, studio lighting, material design, glossy, matte, metallic`
|
||||
|
||||
## Best For
|
||||
- Product showcases, device mockups, abstract hero images
|
||||
- Technology brands, gaming, automotive
|
||||
|
||||
## Dimensions Guide
|
||||
- Product renders: 1:1 or 4:3
|
||||
- Hero scenes: 16:9 or 21:9
|
||||
- Device mockups: device-specific ratios
|
||||
@@ -0,0 +1,25 @@
|
||||
# Comic Book
|
||||
|
||||
## Overview
|
||||
Bold outlines, halftone dots, speech bubbles, and dynamic action-style compositions.
|
||||
|
||||
## Rendering Characteristics
|
||||
|
||||
| Property | Value |
|
||||
|----------|-------|
|
||||
| **Detail level** | Medium — simplified but expressive |
|
||||
| **Lighting** | High contrast, dramatic shadows |
|
||||
| **Texture** | Halftone dots, Ben-Day dots, ink splatter |
|
||||
| **Color** | Bold, saturated, limited palette |
|
||||
| **Depth** | Flat with dramatic perspective |
|
||||
|
||||
## Prompt Keywords
|
||||
`comic book, comic style, halftone, bold outlines, pop art, graphic novel, ink, dynamic, action`
|
||||
|
||||
## Best For
|
||||
- Gaming, entertainment, youth brands, marketing campaigns
|
||||
- Storytelling sequences, feature explanations, onboarding
|
||||
|
||||
## Dimensions Guide
|
||||
- Panels: various ratios, comic grid layout
|
||||
- Characters: variable, action poses
|
||||
@@ -0,0 +1,26 @@
|
||||
# Flat Design
|
||||
|
||||
## Overview
|
||||
No gradients, shadows, or 3D effects — pure shapes, clean colors, geometric simplicity.
|
||||
|
||||
## Rendering Characteristics
|
||||
|
||||
| Property | Value |
|
||||
|----------|-------|
|
||||
| **Detail level** | Low — maximally simplified |
|
||||
| **Lighting** | None — flat color fills |
|
||||
| **Texture** | None — smooth, uniform |
|
||||
| **Color** | Solid fills, limited palette |
|
||||
| **Depth** | None — purely 2D |
|
||||
|
||||
## Prompt Keywords
|
||||
`flat design, flat illustration, minimalist, geometric, solid colors, no shadows, 2D, clean shapes`
|
||||
|
||||
## Best For
|
||||
- UI elements, icons, infographics, onboarding illustrations
|
||||
- Fast-loading assets, scalable graphics
|
||||
|
||||
## Dimensions Guide
|
||||
- Icons: 24x24 to 256x256
|
||||
- Illustrations: variable
|
||||
- Infographics: full-width
|
||||
@@ -0,0 +1,26 @@
|
||||
# Hyper-realistic
|
||||
|
||||
## Overview
|
||||
Beyond photography — extreme detail, perfect lighting, idealized reality.
|
||||
|
||||
## Rendering Characteristics
|
||||
|
||||
| Property | Value |
|
||||
|----------|-------|
|
||||
| **Detail level** | Maximum — every pore, thread, reflection |
|
||||
| **Lighting** | Perfect studio or cinematic lighting |
|
||||
| **Texture** | Microscopic detail visible |
|
||||
| **Color** | Rich, enhanced but believable |
|
||||
| **Depth** | Shallow depth of field, bokeh |
|
||||
|
||||
## Prompt Keywords
|
||||
`hyper-realistic, ultra-detailed, 8K, macro detail, cinematic lighting, photographic, sharp focus, professional photography`
|
||||
|
||||
## Best For
|
||||
- Luxury brands, food photography, automotive, jewelry
|
||||
- Hero images that need to feel premium
|
||||
|
||||
## Dimensions Guide
|
||||
- Hero: 2560x1440 or higher
|
||||
- Product: 1:1, high resolution
|
||||
- Detail shots: macro crop ratios
|
||||
@@ -0,0 +1,26 @@
|
||||
# Illustration
|
||||
|
||||
## Overview
|
||||
Hand-crafted digital illustrations — custom, warm, and brand-unique.
|
||||
|
||||
## Rendering Characteristics
|
||||
|
||||
| Property | Value |
|
||||
|----------|-------|
|
||||
| **Detail level** | Medium — stylized, not photographic |
|
||||
| **Lighting** | Flat or gently shaded |
|
||||
| **Texture** | Smooth with subtle grain |
|
||||
| **Color** | Brand palette, can be limited |
|
||||
| **Depth** | Flat to moderate depth |
|
||||
|
||||
## Prompt Keywords
|
||||
`illustration, digital illustration, hand-drawn, custom art, vector style, flat illustration, character illustration`
|
||||
|
||||
## Best For
|
||||
- Brand storytelling, onboarding flows, empty states, error pages
|
||||
- Distinctive brand identity that photography can't deliver
|
||||
|
||||
## Dimensions Guide
|
||||
- Spot illustrations: 400x400 to 800x800
|
||||
- Scene illustrations: 16:9 or custom
|
||||
- Icons as illustrations: 64x64 to 256x256
|
||||
@@ -0,0 +1,26 @@
|
||||
# Isometric
|
||||
|
||||
## Overview
|
||||
3D-like objects rendered in isometric projection — no perspective, parallel lines.
|
||||
|
||||
## Rendering Characteristics
|
||||
|
||||
| Property | Value |
|
||||
|----------|-------|
|
||||
| **Detail level** | Medium to high — clean geometry |
|
||||
| **Lighting** | Flat or subtle ambient |
|
||||
| **Texture** | Smooth, clean surfaces |
|
||||
| **Color** | Brand palette, can be vibrant |
|
||||
| **Depth** | Isometric projection (30-degree angles) |
|
||||
|
||||
## Prompt Keywords
|
||||
`isometric, isometric illustration, 3D isometric, parallel projection, geometric, clean, technical illustration`
|
||||
|
||||
## Best For
|
||||
- Tech products, data visualization, process diagrams, feature showcases
|
||||
- Explaining complex systems or workflows visually
|
||||
|
||||
## Dimensions Guide
|
||||
- Scene: 16:9 or square
|
||||
- Individual objects: 1:1 ratio
|
||||
- Infographics: variable height
|
||||
@@ -0,0 +1,26 @@
|
||||
# Line Art
|
||||
|
||||
## Overview
|
||||
Pure outlines — no fill, no shading, just clean continuous lines.
|
||||
|
||||
## Rendering Characteristics
|
||||
|
||||
| Property | Value |
|
||||
|----------|-------|
|
||||
| **Detail level** | Low to medium — defined by lines only |
|
||||
| **Lighting** | None — no shading |
|
||||
| **Texture** | None — clean strokes |
|
||||
| **Color** | Single color (usually black) or thin color lines |
|
||||
| **Depth** | Implied through line weight variation |
|
||||
|
||||
## Prompt Keywords
|
||||
`line art, line drawing, outline, continuous line, single line, clean lines, black and white, monoline`
|
||||
|
||||
## Best For
|
||||
- Icons, technical diagrams, coloring-book style, decorative patterns
|
||||
- Minimalist brands, loading animations base art
|
||||
|
||||
## Dimensions Guide
|
||||
- Icons: 24x24 to 128x128
|
||||
- Decorative: variable
|
||||
- Diagrams: content-dependent
|
||||
@@ -0,0 +1,25 @@
|
||||
# Pencil Sketch
|
||||
|
||||
## Overview
|
||||
Hand-drawn pencil or charcoal look — raw, authentic, in-progress feel.
|
||||
|
||||
## Rendering Characteristics
|
||||
|
||||
| Property | Value |
|
||||
|----------|-------|
|
||||
| **Detail level** | Variable — from rough to refined |
|
||||
| **Lighting** | Tonal shading, crosshatch |
|
||||
| **Texture** | Paper grain, graphite smudge |
|
||||
| **Color** | Grayscale (or limited color accents) |
|
||||
| **Depth** | Tonal depth through shading |
|
||||
|
||||
## Prompt Keywords
|
||||
`pencil sketch, hand-drawn, graphite, charcoal, sketch style, rough drawing, crosshatch, tonal`
|
||||
|
||||
## Best For
|
||||
- Architecture, concept art, wireframe-style illustrations, draft previews
|
||||
- Conveying "in progress" or "behind the scenes" feel
|
||||
|
||||
## Dimensions Guide
|
||||
- Concept sketches: variable
|
||||
- Wireframe illustrations: page-width
|
||||
@@ -0,0 +1,26 @@
|
||||
# Photorealistic
|
||||
|
||||
## Overview
|
||||
Images that look like real photographs — natural lighting, real textures, believable scenes.
|
||||
|
||||
## Rendering Characteristics
|
||||
|
||||
| Property | Value |
|
||||
|----------|-------|
|
||||
| **Detail level** | High — realistic textures and materials |
|
||||
| **Lighting** | Natural or studio lighting |
|
||||
| **Texture** | True-to-life materials |
|
||||
| **Color** | Natural color palette |
|
||||
| **Depth** | Realistic depth of field |
|
||||
|
||||
## Prompt Keywords
|
||||
`photorealistic, realistic, photograph, natural lighting, high detail, lifelike, studio quality, DSLR`
|
||||
|
||||
## Best For
|
||||
- Product photography, hero images, team portraits, real estate
|
||||
- Any context where authenticity matters
|
||||
|
||||
## Dimensions Guide
|
||||
- Hero images: 1920x1080 or 2560x1440
|
||||
- Product shots: 1:1 or 4:3 ratio
|
||||
- Portraits: 3:4 ratio
|
||||
@@ -0,0 +1,25 @@
|
||||
# Watercolor
|
||||
|
||||
## Overview
|
||||
Soft, flowing artwork with transparent washes, organic edges, and painterly feel.
|
||||
|
||||
## Rendering Characteristics
|
||||
|
||||
| Property | Value |
|
||||
|----------|-------|
|
||||
| **Detail level** | Low to medium — suggestive, not precise |
|
||||
| **Lighting** | Soft, diffused through paint |
|
||||
| **Texture** | Paper grain visible, paint bleeding at edges |
|
||||
| **Color** | Soft, transparent, blended |
|
||||
| **Depth** | Atmospheric — fades into white |
|
||||
|
||||
## Prompt Keywords
|
||||
`watercolor, watercolour, painted, soft washes, paper texture, transparent paint, flowing color, artistic`
|
||||
|
||||
## Best For
|
||||
- Wedding sites, wellness, art galleries, stationery, boutique brands
|
||||
- Backgrounds, decorative elements, section dividers
|
||||
|
||||
## Dimensions Guide
|
||||
- Backgrounds: full-width, transparent edges
|
||||
- Decorative: variable, organic shapes
|
||||
@@ -0,0 +1,26 @@
|
||||
# Brutalist
|
||||
|
||||
## Overview
|
||||
Raw, bold, unapologetic design that breaks conventions intentionally.
|
||||
|
||||
## Visual Characteristics
|
||||
|
||||
| Property | Value |
|
||||
|----------|-------|
|
||||
| **Whitespace** | Irregular — sometimes dense, sometimes empty |
|
||||
| **Color palette** | High contrast — black/white, neon accents |
|
||||
| **Typography** | Bold, oversized, mixed weights, sometimes monospace |
|
||||
| **Borders** | Thick, visible, sometimes raw |
|
||||
| **Shadows** | Hard/offset shadows or none |
|
||||
| **Imagery** | Raw, unprocessed, collage-style |
|
||||
| **Icons** | Custom, hand-drawn, or deliberately crude |
|
||||
|
||||
## Prompt Keywords
|
||||
`brutalist, raw, bold, unconventional, stark, industrial, exposed structure, anti-design`
|
||||
|
||||
## Best For
|
||||
- Creative agencies, art portfolios, experimental projects, fashion
|
||||
- Brands that want to stand out through contrast
|
||||
|
||||
## Avoid
|
||||
- Healthcare, finance, government, accessibility-critical applications
|
||||
@@ -0,0 +1,26 @@
|
||||
# Corporate
|
||||
|
||||
## Overview
|
||||
Professional, trustworthy design that communicates reliability and authority.
|
||||
|
||||
## Visual Characteristics
|
||||
|
||||
| Property | Value |
|
||||
|----------|-------|
|
||||
| **Whitespace** | Moderate — structured but not sparse |
|
||||
| **Color palette** | Navy, gray, white + brand accent |
|
||||
| **Typography** | Sans-serif, regular to medium weight |
|
||||
| **Borders** | Clean, defined sections |
|
||||
| **Shadows** | Subtle card elevation |
|
||||
| **Imagery** | Professional photography, team shots, office environments |
|
||||
| **Icons** | Solid or duo-tone, consistent style |
|
||||
|
||||
## Prompt Keywords
|
||||
`corporate, professional, trustworthy, clean, business, authoritative, polished, structured`
|
||||
|
||||
## Best For
|
||||
- B2B software, financial services, consulting, enterprise tools
|
||||
- Sites that need to convey trust and competence
|
||||
|
||||
## Avoid
|
||||
- Creative agencies, children's products, casual/playful brands
|
||||
@@ -0,0 +1,26 @@
|
||||
# Editorial
|
||||
|
||||
## Overview
|
||||
Magazine-inspired design with strong typography hierarchy, editorial layouts, and storytelling focus.
|
||||
|
||||
## Visual Characteristics
|
||||
|
||||
| Property | Value |
|
||||
|----------|-------|
|
||||
| **Whitespace** | Strategic — frames content like a magazine spread |
|
||||
| **Color palette** | Restrained — often monochrome with one accent |
|
||||
| **Typography** | Strong hierarchy, serif headlines, elegant spacing |
|
||||
| **Borders** | Thin rules, column dividers |
|
||||
| **Shadows** | Minimal |
|
||||
| **Imagery** | Full-bleed photography, editorial style |
|
||||
| **Icons** | Minimal use — typography carries the design |
|
||||
|
||||
## Prompt Keywords
|
||||
`editorial, magazine, typographic, sophisticated, storytelling, grid-based, print-inspired, refined`
|
||||
|
||||
## Best For
|
||||
- Media, publications, blogs, luxury brands, cultural institutions
|
||||
- Content-heavy sites where reading experience matters
|
||||
|
||||
## Avoid
|
||||
- SaaS dashboards, e-commerce with many products, data-heavy apps
|
||||
@@ -0,0 +1,26 @@
|
||||
# Minimal
|
||||
|
||||
## Overview
|
||||
Clean, spacious design with maximum whitespace and restrained use of elements.
|
||||
|
||||
## Visual Characteristics
|
||||
|
||||
| Property | Value |
|
||||
|----------|-------|
|
||||
| **Whitespace** | Generous — elements breathe |
|
||||
| **Color palette** | Monochrome + one accent |
|
||||
| **Typography** | Sans-serif, thin to regular weight |
|
||||
| **Borders** | Hairline or none |
|
||||
| **Shadows** | None or very subtle |
|
||||
| **Imagery** | High-contrast, isolated subjects |
|
||||
| **Icons** | Line icons, consistent stroke width |
|
||||
|
||||
## Prompt Keywords
|
||||
`minimal, clean, whitespace, simple, uncluttered, modern, restrained, elegant simplicity`
|
||||
|
||||
## Best For
|
||||
- Portfolio sites, luxury brands, SaaS products, personal sites
|
||||
- Content-focused layouts where text is primary
|
||||
|
||||
## Avoid
|
||||
- Dense data displays, e-commerce with many products, playful brands
|
||||
@@ -0,0 +1,26 @@
|
||||
# Organic
|
||||
|
||||
## Overview
|
||||
Natural, warm design inspired by nature — soft shapes, earthy tones, flowing layouts.
|
||||
|
||||
## Visual Characteristics
|
||||
|
||||
| Property | Value |
|
||||
|----------|-------|
|
||||
| **Whitespace** | Flowing — irregular but comfortable |
|
||||
| **Color palette** | Earth tones — greens, browns, warm neutrals |
|
||||
| **Typography** | Rounded sans-serif or serif, medium weight |
|
||||
| **Borders** | Rounded corners, organic shapes |
|
||||
| **Shadows** | Soft, diffused |
|
||||
| **Imagery** | Nature photography, textures, hand-drawn elements |
|
||||
| **Icons** | Rounded, organic line style |
|
||||
|
||||
## Prompt Keywords
|
||||
`organic, natural, warm, earthy, soft, flowing, nature-inspired, handcrafted, textured`
|
||||
|
||||
## Best For
|
||||
- Wellness, food, sustainability, outdoor brands, local businesses
|
||||
- Sites that want to feel human and approachable
|
||||
|
||||
## Avoid
|
||||
- High-tech, finance, enterprise software
|
||||
@@ -0,0 +1,26 @@
|
||||
# Playful
|
||||
|
||||
## Overview
|
||||
Fun, energetic design with bold colors, rounded shapes, and a sense of joy.
|
||||
|
||||
## Visual Characteristics
|
||||
|
||||
| Property | Value |
|
||||
|----------|-------|
|
||||
| **Whitespace** | Moderate — lively but not cramped |
|
||||
| **Color palette** | Vibrant, multi-color, saturated |
|
||||
| **Typography** | Rounded, bold, sometimes quirky display fonts |
|
||||
| **Borders** | Rounded corners, chunky outlines |
|
||||
| **Shadows** | Colorful or offset shadows |
|
||||
| **Imagery** | Illustrations, cartoons, bright photography |
|
||||
| **Icons** | Filled, colorful, sometimes animated |
|
||||
|
||||
## Prompt Keywords
|
||||
`playful, fun, colorful, energetic, vibrant, cheerful, friendly, whimsical, bouncy`
|
||||
|
||||
## Best For
|
||||
- Children's products, games, education, creative tools, food delivery
|
||||
- Brands targeting younger audiences or wanting to feel approachable
|
||||
|
||||
## Avoid
|
||||
- Luxury, finance, healthcare, legal services
|
||||
Reference in New Issue
Block a user