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