Skip to content

3D & AR Asset Design Prompts

Comprehensive prompt templates for 3D models, augmented reality experiences, virtual environments, and immersive assets

Created: February 2026 Tool: Nano Banana Pro / Immersive Studio Related: Framework Overview | Interactive Elements | Video & Motion


Design System Configuration

# 3D & AR ASSET CONFIGURATION
# Inherits from parent design system: ./readme.md

parent_config:
  source: "./readme.md"
  schema_version: "2.0"
  inheritance: "full"

asset_category: "3d_ar_assets"

# Active configuration (override parent as needed)
active_configuration:
  variant: "{{ACTIVE_VARIANT}}"              # From parent: trusted_advisor, cyber_shield, etc.
  grid_system: "{{GRID_STYLE}}"              # From parent: subtle_grid, cyber_grid, etc.
  frame_style: "{{FRAME_TYPE}}"              # From parent: frame_solid, frame_glow, etc.
  dark_mode: "{{MODE_DARK}}"                 # Boolean from parent
  accessibility_level: "{{ACCESSIBILITY}}"   # AA or AAA

# 3D/AR specific settings
immersive_config:
  render_quality: "high"                     # low, medium, high, cinematic
  ar_platform_priority: ["webxr", "arkit", "arcore"]
  physics_enabled: false
  real_time_lighting: true
  lod_levels: 3                              # Number of level-of-detail variants

Variant Recommendations for 3D/AR Assets

Asset Type to Variant Mapping

variant_recommendations:
  # Product/Service Visualizations
  service_visualization:
    recommended: ["trusted_advisor", "modern_partner", "clean_developer"]
    avoid: ["creative_clay"]                 # Too playful for enterprise demos
    reasoning: "Professional clarity for B2B decision makers"

  # Security-Focused 3D
  security_visualization:
    recommended: ["cyber_shield", "sentinel_guard"]
    secondary: ["bold_challenger"]
    avoid: ["creative_clay", "modern_partner"]
    reasoning: "Dark mode + technical aesthetic reinforces protection narrative"

  # Data Visualization 3D
  data_viz_3d:
    recommended: ["clean_developer", "trusted_advisor", "blueprint_technical"]
    secondary: ["cyber_shield"]              # For security metrics
    avoid: ["creative_clay"]
    reasoning: "Clarity and precision for data comprehension"

  # Technical Diagrams/Architecture
  technical_architecture:
    recommended: ["blueprint_technical", "clean_developer"]
    secondary: ["trusted_advisor"]
    avoid: ["creative_clay", "modern_partner"]
    reasoning: "Engineering precision and CAD-style clarity"

  # Virtual Environments
  virtual_environments:
    recommended: ["modern_partner", "trusted_advisor"]
    secondary: ["cyber_shield"]              # For SOC/security environments
    avoid: ["bold_challenger"]               # Too high contrast for immersion
    reasoning: "Comfortable extended viewing, professional atmosphere"

  # AR Business Cards/Print-to-AR
  ar_print_hybrid:
    recommended: ["trusted_advisor", "bold_challenger"]
    secondary: ["clean_developer"]
    avoid: ["cyber_shield"]                  # Dark mode conflicts with print
    reasoning: "Must complement physical collateral"

  # Social AR Filters
  social_ar:
    recommended: ["creative_clay", "modern_partner"]
    secondary: ["bold_challenger"]
    avoid: ["blueprint_technical"]           # Too technical for social
    reasoning: "Engaging and shareable while maintaining professionalism"

  # Training/Educational 3D
  training_simulation:
    recommended: ["clean_developer", "modern_partner"]
    secondary: ["trusted_advisor"]
    avoid: ["cyber_shield"]                  # Too intense for learning
    reasoning: "Clear instruction hierarchy and comfortable viewing"

  # Icon/Symbol 3D Sets
  icon_3d_system:
    recommended: ["trusted_advisor", "clean_developer", "bold_challenger"]
    secondary: ["cyber_shield"]              # For security icon sets
    avoid: ["creative_clay"]                 # Inconsistent style for systems
    reasoning: "Systematic consistency across icon family"

3D & AR Philosophy

SBK immersive assets must: - Enhance understanding of complex concepts through spatial visualization - Maintain professionalism appropriate for enterprise contexts - Perform efficiently across device capabilities - Add genuine value beyond novelty factor - Integrate seamlessly with existing brand elements - Apply design system tokens consistently from {{ACTIVE_VARIANT}}

3D/AR Anti-Patterns

Never create: - Gimmicky effects that distract from content - Resource-heavy assets that degrade user experience - Inaccessible experiences without fallback options - Inconsistent visual style with 2D brand elements - Complex interactions without clear user guidance - Assets that ignore {{variant.anti_patterns}}


3D Asset Types

Product/Service Visualizations

[SBK BRAND DNA]
Professional technology consulting. Clear, dimensional, trustworthy.

[STYLE: {{variant.name}}]
{{variant.prompt_prefix}}

[GRID: {{layout.grid_system}}]
Applied to 3D UI overlays and information panels.
Frame style: {{layout.frame_style}} at {{layout.frame_opacity}} opacity.

[ASSET: 3D - SERVICE VISUALIZATION]
Three-dimensional representation of services and concepts.

[SPECIFICATIONS]
Format: glTF/GLB (primary), USDZ (Apple), OBJ (fallback).
Polygon count: Low-poly optimized (< 50K triangles).
Texture resolution: 2048x2048 max, with LOD variants.
File size: < 5MB for web, < 20MB for native apps.

[VISUALIZATION TYPES]
Security Shield:
  - Abstract representation of protection services.
  - Layered, translucent materials.
  - Subtle glow effects using {{colors.accent}}.
  - Animated protection indicators.

Network Architecture:
  - Node-based network visualization.
  - Data flow animations.
  - Scalable complexity levels.
  - Interactive exploration.

Cloud Infrastructure:
  - Cloud platform representations.
  - Service layer visualization.
  - Connection and data paths.
  - Expandable detail levels.

Compliance Framework:
  - Checklist/framework visualization.
  - Completion indicators.
  - Certification badge models.
  - Progress representations.

[MATERIAL PROPERTIES]
Primary surface: {{materials.primary_surface}}.
Secondary: {{materials.secondary_surface}}.
Accent: {{materials.accent_emission}}.
Environment: {{materials.environment_hdri}}.

[ANIMATION GUIDELINES]
Loop duration: 3-10 seconds.
Easing: {{motion_tokens.ease_smooth}}.
Movement: Subtle, purposeful.
Interactions: Rotate, zoom, explode view.

Data Visualization 3D

[STYLE: {{variant.name}}]
{{variant.prompt_prefix}}

[ASSET: 3D - DATA VIZ]
Three-dimensional data representations.

[TYPES]
Bar charts: 3D bars with depth and shadow.
Pie charts: Exploded 3D segments.
Network graphs: Spatial node connections.
Timelines: 3D timeline paths.
Geographic: 3D map visualizations.

[DESIGN PRINCIPLES]
Clarity: Data must be readable despite 3D.
Accuracy: Maintain data integrity.
Interaction: Allow exploration without distortion.
Performance: Optimize for real-time rendering.

[COLOR MAPPING]
Primary data: {{colors.primary}}.
Secondary data: {{colors.secondary}}.
Accent/highlight: {{colors.accent}}.
Background: {{colors.surface}}.
Grid lines: {{colors.border}} at {{effect_tokens.opacity_10}}.
Success metrics: {{colors.success}}.
Warning indicators: {{colors.warning}}.
Error/critical: {{colors.error}}.

[SPECIFICATIONS]
Camera: Fixed or orbit controls.
Lighting: Three-point professional setup with {{colors.primary}} tint.
Labels: Always facing camera (billboard) using {{typography.body_font}}.
Legend: 2D overlay for clarity with {{frame_style}} border.

[ANIMATION]
Build-in: Progressive data reveal.
Transitions: Smooth between datasets using {{motion_tokens.ease_in_out}}.
Highlight: Emphasize on hover/tap with {{colors.accent}} glow.
Compare: Side-by-side 3D views.

Icon & Symbol 3D

[STYLE: {{variant.name}}]
{{variant.prompt_prefix}}

[ASSET: 3D - ICONS]
Three-dimensional icon system.

[SPECIFICATIONS]
Style: Isometric or perspective.
Polygon budget: < 5K triangles per icon.
Texture: Flat or minimal gradients using {{colors.primary}}.
Size: Consistent scale across set.
Corner radius: {{sizing_tokens.radius_lg}} for icon bases.

[ICON CATEGORIES]
Security: Shield, lock, key, firewall.
Technology: Server, cloud, network, device.
Business: Chart, document, handshake, target.
Process: Gear, flow, cycle, pipeline.

[MATERIAL APPROACH]
Matte: {{materials.primary_matte}} - Clean, professional look.
Subtle reflection: {{materials.primary_metal}} - Premium feel.
Brand colors: {{colors.primary}}, {{colors.secondary}} only.
Emission: {{materials.accent_glow}} - Subtle for emphasis icons.

[USAGE CONTEXTS]
Website: Hero sections, feature highlights.
Presentations: Slide visuals.
Marketing: Social media, ads.
UI: Dashboard widgets.

Environment/Scene Assets

[STYLE: {{variant.name}}]
{{variant.prompt_prefix}}

[GRID: {{layout.grid_system}}]
Applied to in-scene UI elements and information displays.

[ASSET: 3D - ENVIRONMENTS]
Virtual environments and scenes.

[ENVIRONMENT TYPES]
Abstract Stage:
  - Clean, professional backdrop.
  - Subtle gradient floor using {{colors.background}} to {{colors.surface}}.
  - Minimal props.
  - Focus on foreground content.

Tech Environment:
  - Server room aesthetic.
  - Data center visuals.
  - Network infrastructure.
  - {{colors.primary}} cool lighting.

Office Scene:
  - Modern workspace.
  - Technology integration.
  - Professional atmosphere.
  - Warm/neutral lighting based on {{colors.background}}.

Control Room:
  - Security operations center.
  - Multiple displays with {{frame_style}} borders.
  - Dashboard visualizations.
  - Dramatic lighting with {{colors.accent}} accents.

[SPECIFICATIONS]
Scale: Real-world proportions.
Optimization: Baked lighting where possible.
Assets: Modular, reusable components.
LOD: Multiple detail levels (3 recommended).

[LIGHTING]
Primary: Key light ({{colors.primary}} tint).
Fill: Soft ambient.
Rim: Subtle edge definition using {{colors.accent}}.
Practical: In-scene light sources.

Augmented Reality Experiences

AR Overlay Grid Systems

ar_overlay_grids:
  # Reference: Inherits from parent grid_frame_systems

  minimal_overlay:
    source: "{{grid_frame_systems.minimal_grid}}"
    ar_adaptation:
      transparency: 0.95
      blur_background: false
      description: "Clean AR with minimal visual interference"
    use_cases: ["product_demos", "wayfinding", "simple_info"]

  subtle_overlay:
    source: "{{grid_frame_systems.subtle_grid}}"
    ar_adaptation:
      transparency: 0.85
      blur_background: true
      blur_radius: "{{effect_tokens.blur_sm}}"
      description: "Slightly frosted panels for readability"
    use_cases: ["data_overlays", "training", "mixed_info"]

  structured_overlay:
    source: "{{grid_frame_systems.structured_grid}}"
    ar_adaptation:
      transparency: 0.80
      blur_background: true
      blur_radius: "{{effect_tokens.blur_md}}"
      panel_bg: "{{colors.surface}}"
      description: "Clear panels for data-heavy AR experiences"
    use_cases: ["dashboards", "analytics", "equipment_scanning"]

  technical_overlay:
    source: "{{grid_frame_systems.technical_grid}}"
    ar_adaptation:
      transparency: 0.75
      blur_background: true
      corner_marks: true
      measurement_lines: true
      description: "Blueprint-style technical AR annotations"
    use_cases: ["maintenance", "assembly", "technical_training"]
    variant_affinity: ["blueprint_technical", "clean_developer"]

  cyber_overlay:
    source: "{{grid_frame_systems.cyber_grid}}"
    ar_adaptation:
      transparency: 0.70
      glow_enabled: true
      glow_color: "{{colors.accent}}"
      scan_lines: true
      corner_brackets: true
      description: "Security operations AR aesthetic"
    use_cases: ["threat_visualization", "security_scanning", "soc_integration"]
    variant_affinity: ["cyber_shield", "sentinel_guard"]

  dashboard_overlay:
    source: "{{grid_frame_systems.dashboard_grid}}"
    ar_adaptation:
      transparency: 0.85
      card_bg: "{{colors.surface_elevated}}"
      card_shadow: "{{shadow_tokens.shadow_lg}}"
      card_radius: "{{sizing_tokens.radius_xl}}"
      description: "Floating card-based AR dashboard"
    use_cases: ["kpi_display", "status_monitoring", "real_time_data"]

AR UI Frame Styles

ar_frame_styles:
  # Frame styles adapted for AR UI elements

  ar_solid:
    source: "{{frame_tokens.frame_solid}}"
    border_color: "{{colors.border}}"
    border_width: "{{sizing_tokens.border_1}}"
    corner_radius: "{{sizing_tokens.radius_lg}}"
    bg_opacity: 0.85
    blur_bg: true
    variants: ["trusted_advisor", "modern_partner", "clean_developer"]

  ar_frosted:
    base: "translucent"
    bg_color: "{{colors.surface}}"
    bg_opacity: 0.75
    blur_radius: "{{effect_tokens.blur_lg}}"
    border_color: "{{colors.border}}"
    border_opacity: 0.3
    corner_radius: "{{sizing_tokens.radius_xl}}"
    variants: ["modern_partner", "clean_developer", "creative_clay"]

  ar_glow:
    source: "{{frame_tokens.frame_glow}}"
    glow_color: "{{colors.accent}}"
    glow_radius: "{{shadow_tokens.glow_md}}"
    glow_opacity: 0.4
    border_color: "{{colors.accent}}"
    bg_color: "{{colors.surface}}"
    bg_opacity: 0.9
    corner_radius: "{{sizing_tokens.radius_md}}"
    variants: ["cyber_shield", "sentinel_guard"]

  ar_bracketed:
    style: "corner_brackets"
    bracket_color: "{{colors.accent}}"
    bracket_length: "12px"
    bracket_width: "{{sizing_tokens.border_2}}"
    bg_color: "{{colors.background}}"
    bg_opacity: 0.85
    scan_line_opacity: 0.03
    variants: ["cyber_shield", "blueprint_technical"]

  ar_gradient:
    source: "{{frame_tokens.frame_gradient}}"
    gradient_from: "{{colors.primary}}"
    gradient_to: "{{colors.accent}}"
    border_width: "{{sizing_tokens.border_2}}"
    bg_color: "{{colors.surface}}"
    bg_opacity: 0.9
    corner_radius: "{{sizing_tokens.radius_lg}}"
    variants: ["sentinel_guard", "creative_clay"]

  ar_technical:
    style: "engineering"
    border_color: "{{colors.accent}}"
    border_style: "dashed"
    measurement_ticks: true
    dimension_labels: true
    corner_marks: true
    bg_color: "{{colors.background}}"
    bg_opacity: 0.9
    variants: ["blueprint_technical"]

WebAR Experiences

[STYLE: {{variant.name}}]
{{variant.prompt_prefix}}

[GRID: {{ar_overlay_grids.structured_overlay}}]
AR panel layout system with {{ar_frame_styles.ar_frosted}} frame treatment.

[ASSET: AR - WEB-BASED]
Browser-based augmented reality.

[SPECIFICATIONS]
Framework: WebXR, 8th Wall, or similar.
Fallback: 3D viewer for non-AR devices.
Load time: < 5 seconds to interactive.
File size: < 10MB total assets.

[EXPERIENCE TYPES]
Business Card AR:
  - Scan business card to reveal info.
  - Contact vCard download.
  - Portfolio/case study links.
  - Social connection options.
  - Frame style: {{ar_frame_styles.ar_solid}}.

Print-to-AR:
  - Scan brochure for enhanced content.
  - Video overlays on print.
  - 3D models from flat images.
  - Interactive data visualizations.
  - Frame style: {{ar_frame_styles.ar_frosted}}.

Product Demo AR:
  - Place virtual product in space.
  - Scale and rotate controls.
  - Feature highlights with {{colors.accent}} callouts.
  - Comparison views.
  - Frame style: {{ar_frame_styles.ar_gradient}}.

[INTERACTION DESIGN]
Onboarding: Clear instructions with {{typography.body_font}}.
Scanning: Visual feedback using {{colors.accent}} pulse.
Placement: Grid/surface indicators using {{colors.border}}.
Controls: Intuitive gestures with {{motion_tokens.ease_smooth}} transitions.

[FALLBACK STRATEGY]
No AR support: 3D model viewer with {{frame_style}} container.
No WebGL: Static image with info overlay.
Slow connection: Progressive loading with {{colors.primary}} indicator.

Native AR Apps

[STYLE: {{variant.name}}]
{{variant.prompt_prefix}}

[GRID: {{ar_overlay_grids.dashboard_overlay}}]
Floating panel system for native AR experiences.

[ASSET: AR - NATIVE]
iOS ARKit / Android ARCore experiences.

[SPECIFICATIONS]
Platform: iOS 13+ (ARKit), Android 7+ (ARCore).
Performance: 60fps minimum.
Battery: Optimize for extended use.
Permissions: Camera only when needed.

[EXPERIENCE TYPES]
Interactive Demos:
  - Product placement in real space.
  - Feature exploration.
  - Configuration options.
  - Share/save capabilities.
  - UI Frame: {{ar_frame_styles.ar_solid}}.

Training Simulations:
  - Step-by-step guided experiences.
  - Spatial instruction overlays using {{ar_frame_styles.ar_frosted}}.
  - Progress tracking with {{colors.success}} indicators.
  - Assessment integration.

Data Overlays:
  - Real-world data visualization.
  - Location-based information.
  - Device/equipment scanning.
  - Status monitoring with {{ar_frame_styles.ar_glow}}.

[UI PATTERNS]
Placement mode: Surface detection feedback using {{colors.accent}}.
Object mode: Manipulation controls with {{frame_style}}.
Info panels: 2D overlays using {{ar_frame_styles.ar_frosted}}.
Actions: Floating action buttons with {{colors.primary}} background.

[ACCESSIBILITY]
Audio descriptions: For visual elements.
Text alternatives: For AR content using {{typography.body_font}}.
Non-AR fallback: Full functionality without AR.

Social AR Filters

[STYLE: {{variant.name}}]
{{variant.prompt_prefix}}

[ASSET: AR - SOCIAL FILTERS]
Instagram, Snapchat, TikTok AR effects.

[SPECIFICATIONS]
Platform: Meta Spark, Lens Studio.
File size: < 4MB compressed.
Complexity: Balanced for mobile performance.
Testing: Multiple device sizes.

[FILTER TYPES]
Branded Frames:
  - Event-specific frames using {{frame_style}}.
  - Campaign branding with {{colors.primary}}.
  - Logo overlays.
  - Hashtag displays in {{typography.body_font}}.

Face Effects:
  - Professional/appropriate only.
  - Subtle enhancements.
  - Brand color overlays using {{colors.accent}}.
  - Themed accessories.

World Effects:
  - 3D objects in environment.
  - Brand-themed particles using {{colors.accent}}.
  - Interactive elements.
  - Location-specific.

[BRANDING INTEGRATION]
Logo: Subtle placement, corner position.
Colors: {{colors.primary}}, {{colors.accent}} effects.
Typography: {{typography.heading_font}} for text overlays.
Style: Consistent with {{variant.mood.keywords}}.

[CAMPAIGN INTEGRATION]
Hashtag: Built-in campaign tags.
CTA: Clear next step (website, signup).
Tracking: Analytics integration.

Material Palettes by Variant

material_palettes:
  # Variant-specific 3D material definitions

  trusted_advisor:
    primary_surface:
      type: "metallic"
      albedo: "{{colors.primary}}"          # #2563eb
      metallic: 0.3
      roughness: 0.5
      description: "Professional blue with subtle sheen"
    secondary_surface:
      type: "glass"
      albedo: "{{colors.surface}}"
      transmission: 0.8
      roughness: 0.1
      description: "Clean translucent for depth"
    accent_emission:
      type: "emission"
      color: "{{colors.accent}}"            # #0ea5e9
      intensity: 0.3
      description: "Subtle highlight glow"
    environment_hdri:
      type: "studio"
      intensity: 1.0
      description: "Neutral studio lighting"

  modern_partner:
    primary_surface:
      type: "matte"
      albedo: "{{colors.primary}}"          # #0d9488
      metallic: 0.0
      roughness: 0.7
      description: "Warm matte teal"
    secondary_surface:
      type: "organic"
      albedo: "{{colors.secondary}}"        # #0891b2
      roughness: 0.6
      subsurface: 0.1
      description: "Soft organic feel"
    accent_emission:
      type: "emission"
      color: "{{colors.accent}}"            # #06b6d4
      intensity: 0.2
      description: "Gentle cyan glow"
    environment_hdri:
      type: "outdoor_soft"
      intensity: 0.9
      description: "Natural soft lighting"

  bold_challenger:
    primary_surface:
      type: "matte"
      albedo: "{{colors.primary}}"          # #0f172a
      metallic: 0.0
      roughness: 0.8
      description: "Deep charcoal matte"
    secondary_surface:
      type: "metallic"
      albedo: "{{colors.secondary}}"        # #334155
      metallic: 0.5
      roughness: 0.3
      description: "Polished slate"
    accent_emission:
      type: "emission"
      color: "{{colors.accent}}"            # #ea580c
      intensity: 0.6
      description: "Bold orange accent glow"
    environment_hdri:
      type: "studio_dramatic"
      intensity: 1.2
      description: "High contrast studio"

  cyber_shield:
    primary_surface:
      type: "metallic"
      albedo: "#1a365d"                     # Deep navy metallic
      metallic: 0.8
      roughness: 0.2
      description: "Metallic blue with neon edges"
    secondary_surface:
      type: "holographic"
      albedo: "{{colors.surface}}"
      metallic: 0.9
      roughness: 0.1
      iridescence: 0.3
      description: "Holographic tech surface"
    accent_emission:
      type: "neon"
      color: "#00d4ff"                      # Electric blue neon
      intensity: 1.2
      glow_radius: "8px"
      description: "Electric neon edge glow"
    threat_emission:
      type: "neon"
      color: "{{colors.primary}}"           # #dc2626 Threat red
      intensity: 1.0
      pulse_animation: true
      description: "Threat indicator glow"
    environment_hdri:
      type: "dark_tech"
      intensity: 0.6
      description: "Dark with tech reflections"

  sentinel_guard:
    primary_surface:
      type: "metallic"
      albedo: "{{colors.primary}}"          # #9333ea
      metallic: 0.7
      roughness: 0.2
      description: "Polished purple metal"
    secondary_surface:
      type: "gradient_metal"
      gradient_from: "{{colors.primary}}"
      gradient_to: "{{colors.accent}}"
      metallic: 0.8
      description: "Purple to magenta gradient"
    accent_emission:
      type: "ai_glow"
      color: "{{colors.accent}}"            # #d946ef
      intensity: 0.8
      pattern: "neural"
      description: "AI neural pattern glow"
    environment_hdri:
      type: "dark_gradient"
      intensity: 0.7
      description: "Dark with purple ambient"

  clean_developer:
    primary_surface:
      type: "matte"
      albedo: "{{colors.primary}}"          # #4f46e5
      metallic: 0.0
      roughness: 0.9
      description: "Ultra-clean matte indigo"
    secondary_surface:
      type: "matte"
      albedo: "{{colors.surface}}"          # #f8fafc
      metallic: 0.0
      roughness: 0.95
      description: "Pure clean white"
    accent_emission:
      type: "subtle"
      color: "{{colors.accent}}"            # #06b6d4
      intensity: 0.15
      description: "Minimal purple accent"
    environment_hdri:
      type: "studio_clean"
      intensity: 1.1
      description: "Bright, even lighting"

  creative_clay:
    primary_surface:
      type: "clay"
      albedo: "{{colors.primary}}"          # #0f172a
      roughness: 0.85
      subsurface: 0.15
      description: "Stylized clay/3D render"
    secondary_surface:
      type: "cream"
      albedo: "{{colors.background}}"       # #f8fafc
      roughness: 0.9
      description: "Warm cream base"
    accent_emission:
      type: "warm"
      color: "{{colors.accent}}"            # #f97316
      intensity: 0.4
      description: "Warm orange glow"
    blob_material:
      type: "glass_tinted"
      colors: ["{{colors.accent}}", "{{colors.accent_secondary}}", "{{colors.accent_cool}}"]
      opacity: 0.3
      blur: true
      description: "Blob overlay material"
    environment_hdri:
      type: "studio_warm"
      intensity: 1.0
      description: "Warm studio lighting"

  blueprint_technical:
    primary_surface:
      type: "matte"
      albedo: "#1C1C1C"                     # Matte charcoal
      metallic: 0.0
      roughness: 0.95
      description: "Matte charcoal base"
    secondary_surface:
      type: "wireframe"
      albedo: "#333333"
      wireframe_color: "#F05023"            # Orange accent lines
      wireframe_width: 1
      description: "Wireframe overlay capable"
    accent_emission:
      type: "technical"
      color: "#F05023"                      # Engineering orange
      intensity: 0.5
      line_style: "measurement"
      description: "Orange accent lines and callouts"
    grid_material:
      type: "overlay"
      color: "#F05023"
      opacity: 0.2
      style: "engineering_grid"
      description: "Technical grid overlay"
    environment_hdri:
      type: "studio_neutral"
      intensity: 0.8
      description: "Even neutral lighting"

Blueprint Technical Variant - Special Notes

Wireframe Modes

blueprint_wireframe_modes:
  # Special wireframe rendering modes for blueprint_technical variant

  full_wireframe:
    description: "Complete wireframe view, no solid surfaces"
    surface_opacity: 0.0
    wireframe_color: "#F05023"
    wireframe_opacity: 1.0
    wireframe_width: 1
    edge_rendering: "all"
    use_cases: ["structural_analysis", "architecture_review", "exploded_views"]

  x_ray_wireframe:
    description: "Semi-transparent surfaces with visible wireframe"
    surface_opacity: 0.15
    surface_color: "#1C1C1C"
    wireframe_color: "#F05023"
    wireframe_opacity: 0.8
    wireframe_width: 1
    edge_rendering: "all"
    use_cases: ["internal_structure", "component_relationships", "assembly_guides"]

  hidden_line:
    description: "Solid surfaces, visible edges only"
    surface_opacity: 1.0
    surface_color: "#1C1C1C"
    visible_edge_color: "#F05023"
    hidden_edge_color: "#444444"
    hidden_edge_style: "dashed"
    edge_width: 1
    use_cases: ["technical_drawings", "documentation", "patent_illustrations"]

  silhouette_outline:
    description: "Solid fill with emphasized outer contour"
    surface_opacity: 1.0
    surface_color: "#1C1C1C"
    outline_color: "#F05023"
    outline_width: 2
    inner_edges: false
    use_cases: ["simplified_views", "icons", "thumbnails"]

  construction_lines:
    description: "Shows construction geometry and reference lines"
    surface_opacity: 0.1
    construction_line_color: "#666666"
    construction_line_style: "dotted"
    axis_lines: true
    center_lines: true
    dimension_lines: true
    dimension_color: "#F05023"
    use_cases: ["cad_documentation", "manufacturing_specs", "assembly_instructions"]

CAD-Style 3D Annotations

blueprint_annotations:
  # Engineering annotation system for blueprint_technical variant

  dimension_callouts:
    style: "engineering"
    line_color: "#F05023"
    line_weight: 1
    text_font: "{{typography.font_mono}}"
    text_size: "{{typography.text_sm}}"
    text_color: "#F05023"
    arrow_style: "architectural"
    arrow_size: 6
    precision: 2                            # Decimal places
    units: ["mm", "in", "ft"]
    tolerance_display: true

  leader_lines:
    line_color: "#F05023"
    line_weight: 1
    line_style: "solid"
    terminator: "arrow"                     # arrow, dot, none
    elbow_style: "right_angle"
    min_leader_length: 20

  section_markers:
    marker_style: "circle_arrow"
    marker_color: "#F05023"
    marker_size: 24
    label_font: "{{typography.font_mono}}"
    label_size: "{{typography.text_base}}"
    section_line_style: "chain"             # chain, dashed, solid
    section_line_color: "#F05023"

  detail_callouts:
    bubble_style: "circle"
    bubble_color: "#F05023"
    bubble_fill: "transparent"
    bubble_border: 2
    label_font: "{{typography.font_mono}}"
    connector_style: "elbow"

  revision_clouds:
    cloud_color: "#F05023"
    cloud_opacity: 0.8
    cloud_style: "arc_segments"
    arc_count: 8
    label_position: "corner"

  coordinate_system:
    origin_marker: true
    axis_colors:
      x: "#FF0000"
      y: "#00FF00"
      z: "#0000FF"
    axis_labels: true
    grid_enabled: true
    grid_color: "#F05023"
    grid_opacity: 0.15
    grid_spacing: 10                        # Units

Engineering Measurement Overlays

blueprint_measurements:
  # Measurement overlay system for blueprint_technical variant

  linear_dimensions:
    enabled: true
    auto_dimension: false                   # Manual placement preferred
    snap_to_geometry: true
    extension_line_gap: 2
    extension_line_overshoot: 3
    dimension_line_offset: 12
    stacked_dimensions: true
    baseline_dimensions: true
    ordinate_dimensions: true

  angular_dimensions:
    enabled: true
    arc_style: "standard"
    angle_units: "degrees"                  # degrees, radians
    precision: 1
    reference_indicator: true

  radial_dimensions:
    enabled: true
    radius_prefix: "R"
    diameter_prefix: "Ø"
    center_mark: true
    center_mark_size: 4

  area_calculations:
    enabled: true
    display_format: "floating_label"
    units: ["sq_mm", "sq_in", "sq_ft"]
    fill_indicator: true
    fill_color: "#F05023"
    fill_opacity: 0.1
    boundary_highlight: true

  distance_measurement:
    tool_enabled: true
    real_time_display: true
    snap_modes: ["endpoint", "midpoint", "center", "intersection"]
    measurement_line_color: "#F05023"
    measurement_line_style: "dashed"

  scale_indicator:
    enabled: true
    position: "bottom_right"
    bar_style: "alternating"
    bar_colors: ["#F05023", "#1C1C1C"]
    label_font: "{{typography.font_mono}}"
    label_size: "{{typography.text_xs}}"
    units_primary: "mm"
    units_secondary: "in"

  grid_overlay:
    enabled: true
    major_grid_spacing: 100
    minor_grid_spacing: 10
    major_grid_color: "#F05023"
    major_grid_opacity: 0.3
    minor_grid_color: "#F05023"
    minor_grid_opacity: 0.1
    origin_crosshair: true
    axis_labels: true

Blueprint Technical AR Integration

blueprint_ar_overlays:
  # AR-specific configurations for blueprint_technical variant

  measurement_ar:
    description: "Real-world measurement AR overlay"
    grid_projection: true
    surface_alignment: true
    real_world_scale: true
    measurement_tools:
      - linear_measure
      - area_measure
      - angle_measure
    annotation_placement: "world_anchored"
    frame_style: "{{ar_frame_styles.ar_technical}}"

  assembly_ar:
    description: "Step-by-step assembly guidance"
    step_indicators: true
    component_highlighting: true
    exploded_view_animation: true
    dimension_callouts: true
    progress_tracking: true
    frame_style: "{{ar_frame_styles.ar_bracketed}}"

  inspection_ar:
    description: "Quality inspection overlay"
    tolerance_visualization: true
    deviation_highlighting: true
    pass_fail_indicators: true
    measurement_logging: true
    report_generation: true
    deviation_colors:
      in_tolerance: "#22c55e"
      warning: "#f59e0b"
      out_of_tolerance: "#dc2626"

Virtual Environments

Virtual Event Spaces

[STYLE: {{variant.name}}]
{{variant.prompt_prefix}}

[GRID: {{layout.grid_system}}]
Applied to in-environment signage and displays.
Frame style: {{layout.frame_style}}.

[ASSET: 3D - VIRTUAL EVENT]
Virtual conference and event environments.

[SPACE TYPES]
Lobby/Reception:
  - Welcome area with branding using {{colors.primary}}.
  - Navigation to other spaces.
  - Information kiosk with {{frame_style}} panels.
  - Networking lounges.

Main Stage:
  - Presentation area.
  - Large screen/screens with {{ar_frame_styles.ar_solid}} borders.
  - Audience seating view.
  - Speaker staging lit with {{colors.accent}}.

Breakout Rooms:
  - Smaller meeting spaces.
  - Discussion-friendly layout.
  - Intimate atmosphere.
  - Content sharing displays.

Exhibition Hall:
  - Booth/stand areas with {{colors.primary}} accents.
  - Product displays.
  - Demo stations.
  - Navigation wayfinding using {{colors.accent}}.

Networking Lounge:
  - Casual meeting spaces.
  - Small group areas.
  - One-on-one corners.
  - Activity zones.

[SPECIFICATIONS]
Platform: WebGL, Unity, Unreal (based on needs).
Capacity: Support expected concurrent users.
Performance: 30fps minimum on target devices.
Accessibility: Keyboard navigation, screen reader support.

[INTERACTION DESIGN]
Navigation: Clear wayfinding using {{colors.accent}} highlights.
Presence: Avatar or pointer.
Communication: Voice, chat, reactions.
Content: Screen sharing, presentations.

Virtual Office Tours

[STYLE: {{variant.name}}]
{{variant.prompt_prefix}}

[ASSET: 3D - OFFICE TOUR]
Virtual walkthrough experiences.

[TOUR TYPES]
Full walkthrough: Complete space exploration.
Highlights: Key areas only.
Interactive: User-controlled navigation.
Guided: Narrated tour path.

[DESIGN ELEMENTS]
Hotspots: Interactive information points using {{colors.accent}}.
Navigation: Clear movement controls with {{frame_style}} UI.
Information: Context overlays using {{ar_frame_styles.ar_frosted}}.
Media: Embedded video/audio.

[SPECIFICATIONS]
Format: 360 photo-based or full 3D.
Resolution: 4K minimum for 360.
Loading: Progressive quality.
Controls: Mouse, touch, VR compatible.

Virtual Product Showrooms

[STYLE: {{variant.name}}]
{{variant.prompt_prefix}}

[ASSET: 3D - SHOWROOM]
Virtual product/service showcase spaces.

[LAYOUT TYPES]
Linear: Guided journey through offerings.
Gallery: Browse at will layout.
Interactive: Deep-dive exploration.
Comparative: Side-by-side analysis.

[PRODUCT DISPLAYS]
Pedestals: Individual product focus with {{colors.surface}} base.
Context: Product in-use scenarios.
Details: Zoom and inspect views.
Information: Specs and features using {{frame_style}} panels.

[INTERACTION]
Selection: Click/tap to focus with {{colors.accent}} highlight.
Information: Pop-up details using {{ar_frame_styles.ar_frosted}}.
Compare: Multi-select comparison.
Configure: Options and variants.

Technical Specifications

3D File Formats

formats:
  primary:
    gltf_glb:
      use: "Web, cross-platform"
      features: "PBR materials, animations, compressed"
      max_size: "5MB for web, 20MB for apps"

    usdz:
      use: "Apple devices, AR Quick Look"
      features: "Native iOS AR support"
      max_size: "20MB recommended"

  secondary:
    obj:
      use: "Legacy support, 3D printing"
      features: "Wide compatibility"
      limitations: "No animations"

    fbx:
      use: "Game engines, professional tools"
      features: "Full feature support"
      limitations: "Larger file size"

  source:
    blend:
      use: "Blender source files"
      archive: "Keep for future edits"

    c4d:
      use: "Cinema 4D source"
      archive: "Keep for future edits"

    max_maya:
      use: "3ds Max / Maya source"
      archive: "Keep for future edits"

Performance Budgets

performance:
  web:
    triangles: "< 50,000 for hero assets"
    triangles_background: "< 100,000 for scenes"
    texture_size: "2048x2048 max"
    file_size: "< 5MB compressed"
    load_time: "< 3 seconds on 4G"

  mobile_ar:
    triangles: "< 100,000 for full scene"
    texture_size: "1024x1024 recommended"
    draw_calls: "< 50"
    fps: "60fps minimum"

  vr:
    triangles: "< 1,000,000 per eye"
    texture_size: "4096x4096 max"
    fps: "90fps for comfort"
    latency: "< 20ms"

Material System

materials:
  pbr_standard:
    albedo: "Base color from {{colors}} palette"
    metallic: "0.0-1.0, use sparingly"
    roughness: "0.3-0.7 typical range"
    normal: "Subtle surface detail"
    ambient_occlusion: "Baked where possible"
    emission: "For {{colors.accent}} highlights, subtle"

  brand_materials:
    primary_metal:
      albedo: "{{colors.primary}}"
      metallic: "0.8"
      roughness: "0.2"

    primary_matte:
      albedo: "{{colors.primary}}"
      metallic: "0.0"
      roughness: "0.7"

    glass:
      albedo: "{{colors.surface}}, low opacity"
      metallic: "0.0"
      roughness: "0.0"
      transmission: "0.9"

    accent_glow:
      albedo: "{{colors.accent}}"
      emission: "{{colors.accent}}, low intensity"

Production Workflow

3D Asset Pipeline

production_pipeline:
  concept:
    - "Define asset purpose and context"
    - "Select appropriate {{ACTIVE_VARIANT}}"
    - "Sketch or reference gathering"
    - "Technical requirements definition"
    - "Performance budget allocation"

  modeling:
    - "Block out basic forms"
    - "Refine geometry"
    - "Optimize topology"
    - "Create LOD variants (3 levels)"

  texturing:
    - "UV unwrapping"
    - "Apply {{material_palettes[ACTIVE_VARIANT]}}"
    - "Texture painting"
    - "Optimization for size"

  rigging_animation:
    - "Armature setup if needed"
    - "Animation creation with {{motion_tokens}}"
    - "Loop verification"
    - "Performance testing"

  export:
    - "Export all required formats"
    - "Validate file sizes"
    - "Test on target platforms"
    - "Document specifications"

AR Experience Pipeline

ar_pipeline:
  design:
    - "Define user journey"
    - "Select {{ar_overlay_grids}} system"
    - "Select {{ar_frame_styles}} for UI"
    - "Create interaction flowchart"
    - "Design fallback experiences"
    - "Plan analytics integration"

  development:
    - "Platform selection"
    - "Asset optimization for AR"
    - "Apply {{ACTIVE_VARIANT}} materials"
    - "Interaction implementation"
    - "Fallback development"

  testing:
    - "Device compatibility testing"
    - "Performance profiling"
    - "User experience testing"
    - "Accessibility validation"

  deployment:
    - "Platform submission if needed"
    - "WebAR hosting setup"
    - "Analytics configuration"
    - "Monitoring setup"

Integration Guidelines

Web Integration

web_integration:
  libraries:
    three_js: "General 3D web"
    model_viewer: "Simple product viewing"
    aframe: "WebVR/AR"
    babylon_js: "Complex scenes"

  loading:
    lazy_load: "Load 3D only when needed"
    progressive: "Low-res first, then high"
    fallback: "Image fallback for no WebGL"

  performance:
    intersection_observer: "Load when visible"
    dispose: "Clean up when off-screen"
    lod: "Switch detail based on distance"

  styling:
    container_border: "{{frame_style}}"
    loading_indicator: "{{colors.primary}}"
    error_state: "{{colors.error}}"

Mobile Integration

mobile_integration:
  ios:
    quick_look: "Native AR viewing"
    reality_kit: "Custom AR apps"
    scene_kit: "3D in apps"

  android:
    scene_viewer: "Native 3D viewing"
    arcore: "Custom AR apps"
    filament: "3D rendering"

  cross_platform:
    unity: "Cross-platform AR/VR"
    unreal: "High-fidelity experiences"
    react_native: "React-based apps"

Quality Checklist

Before finalizing any 3D/AR asset:

  • Meets polygon/performance budget
  • All formats exported and validated
  • Materials use {{material_palettes[ACTIVE_VARIANT]}}
  • Colors align with {{colors}} tokens
  • Animations use {{motion_tokens}} timing
  • Animations loop smoothly
  • Fallback experience provided
  • Tested on target devices
  • Accessibility considered
  • File sizes optimized
  • AR overlays use appropriate {{ar_overlay_grids}}
  • AR UI uses correct {{ar_frame_styles}}
  • Documentation complete
  • Source files archived
  • No {{variant.anti_patterns}} present

Last Updated: February 2026 Version: 2.0