Transitioning to enterprise software. Services live now. First product, RAG Studio, ships Q4 2026. See the roadmap →
04 Cluster · Experience Layer

Design systems, brand assets,
and spatial experiences —
on one experience layer.

Auto-generated design systems from your brand tokens. AI-assisted brand asset creation at enterprise scale. No-code AR/VR experience building for training, retail, and customer demonstrations. Phase 3 cluster — scope is defined, build is funded by Phase 1 and 2 platform revenue.

Design teams Brand & marketing L&D / Training Retail & e-commerce
Product surfaces
3
Design System Generator · Brand Studio · XR Builder
Source service lines
3
UI/UX · Digital Design & Branding · AR/VR Integration
XR deployment targets
5+
Vision Pro · Meta Quest · WebXR · iOS · Android
Compliance baseline
WCAG 2.2
AA & AAA scanning · CI/CD-integrated · POPIA-aligned
Why the Creative & XR Studio exists

A design system without a brand identity is incomplete.
A brand identity without spatial extension is stuck in 2D.

South African design teams pay for Figma, then for a separate component library, then for an accessibility scanner, then for an asset generator, then for an AR vendor — usually all in dollars, none of them speaking to each other. Cluster 04 collapses that stack into one experience layer.

01 — Design system fragmentation

Brand tokens live in Figma. Components live in code. They drift.

Designers ship a Figma library. Developers rewrite the components. Three months later the brand colour shifts a hex, the spacing scale changes, and nobody knows which one is canonical. Every new product reinvents the system.

~40% of front-end engineering time spent rebuilding components that already exist somewhere in the org.
02 — Accessibility as afterthought

WCAG audits happen at launch. Fixes are ten times more expensive then.

Accessibility scanners are bought as standalone tools that run after design and after build. By the time a contrast issue is caught, the design has shipped to staging. POPIA's right-to-equal-access provisions only deepen the obligation.

10× cost of fixing an a11y bug in production vs. catching it at design-token level.
03 — Brand asset bottlenecks

Marketing wants 50 ad variants on Friday. The studio has time for 5.

Performance marketing requires hundreds of creative variants. Every variant runs through the same approval queue. Generative AI promises scale but breaks brand guardrails the moment a junior creator gets a token.

15× throughput uplift when generative output is gated behind brand guardrails — instead of free-form prompting.
04 — XR locked behind specialists

A VR training simulation needs Unity. A virtual showroom needs Unreal. You need neither hire.

South African retail, training, and architecture teams want spatial experiences but cannot justify a Unity team. Existing XR vendors are priced for global enterprises and ship dollar-denominated. The build-vs-buy gap is huge.

R750k+ typical custom Unity training simulation quote from a SA agency — before content.
Vendor stitched stack

The old way

  • Figma + Storybook + Stark + Webflow + Unity — all in USD
  • Brand tokens in one tool, components in another, drift between them
  • Accessibility scanned at launch, fixed expensively
  • AI asset generation without brand guardrails — junior misuse
  • XR locked behind specialist Unity / Unreal contractor budgets
sonofgraig

The unified studio

  • One subscription in ZAR — Design System + Brand + XR
  • Tokens defined once, exported as Figma + React + Vue + native
  • WCAG scanning in CI/CD — fail the build, not the launch
  • Brand-guardrailed generation — outputs validated against guidelines
  • No-code XR — scenes built in a canvas, deployed to WebXR + headsets
Five-layer architecture

A token graph at the core. Components, brand assets, and spatial scenes generated from it.

The Creative & XR Studio is built around one source of truth — your brand token graph. Colours, typography, spacing, motion, voice. Everything downstream — components, ad variants, Vision Pro layouts, Lottie animations — is generated against that graph and validated against accessibility rules.

L1
Consumers
Designers, developers, brand teams, marketers, L&D leads. Plus the customer-facing surfaces — websites, apps, retail, headsets.
Designers Developers Brand L&D Marketing
L2
Products
Three user-facing surfaces. Independently subscribable but designed to compose into a single experience pipeline.
Design System Generator Brand Studio XR Builder
L3
Modules
Specialised tools that ride on top of the products: accessibility scanning, animation generation, research ops, render engine, filter studio.
Accessibility Checker Animation Library Research Ops Render Engine
L4
Token graph & runtime
The source of truth. Brand tokens, component tokens, motion tokens, spatial tokens — exported to Figma, React, Vue, Lottie, glTF, and USDZ at build time.
Style Dictionary Three.js WebXR runtime Lottie + Rive
L5
Storage & AI compute
Brand asset library + render queue + fine-tuned image and 3D models, all hosted in af-south-1 with PII-safe brand inputs.
af-south-1 S3 + CDN Cluster 01 models GPU pool
Why this cluster compounds — three services that need each other

A design system without a brand identity is incomplete. A brand identity without spatial and AR extensions is limited. AR/VR experiences without thoughtful UX design are unusable. The three services compound — a customer who adopts the Creative & XR Studio gets consistent, high-quality visual output across every channel simultaneously, from Figma file to Vision Pro layout, all generated from the same token graph.

Three product surfaces

Design System Generator. Brand Studio. XR Builder.
One token graph. Three surfaces.

Each product addresses a specific bottleneck — but they were designed to compose. Tokens flow from the Generator into Brand Studio templates and into XR Builder scenes. Accessibility, motion, and brand guardrails are inherited automatically.

Product 01 · Service 8 — UI/UX Design

Design System Generator

Input brand tokens. Auto-generate a consistent component library in Figma, React, and Vue.

2027+ Subscription + per-seat licensing
Brand token ingestion
Upload a Figma file or paste tokens. The graph captures colours, type, spacing, radius, motion, and elevation in one schema.
Multi-target export
One token graph compiles to Figma variables, React + Tailwind, Vue, Swift UIKit, Jetpack Compose, and CSS custom properties.
Component library
40+ pre-built components — buttons, inputs, modals, navs, tables, charts — themed by your tokens with no code rewrite.
Accessibility Checker
Built-in WCAG AA and AAA scanning. Contrast, focus order, ARIA, target size — all checked at the token level before they ship.
Animation Library
Motion tokens generate Lottie and Rive animations from spec — easing, duration, choreography all derived from your motion language.
Spatial Design Kit
Pre-built spatial UI components for Vision Pro and Meta Quest — depth-aware materials, glass surfaces, hand-tracking patterns.
Research Ops
Schedule user testing, capture sessions, store heatmaps and click recordings. Findings feed back into token revisions.
CI/CD a11y gate
Drop a single GitHub Action or GitLab job. Pull requests that violate WCAG AA fail the build before merge — not after launch.
Design system leads
Tokens defined once. Drift across teams ends.
Front-end engineers
Themed components in React, Vue, Swift, and Jetpack.
Accessibility leads
WCAG enforced at token-level. Catch issues at PR.
UX researchers
Sessions, heatmaps, and findings tied to token versions.
Product 02 · Service 9 — Digital Design & Branding

Brand Studio

AI-assisted brand asset creation at enterprise scale — with brand-guardrail enforcement on every output.

2027+ Subscription + render volume
Brand Book Generator
Upload assets, define tokens, auto-generate a complete brand guidelines PDF — logo, colour, type, voice, motion.
Product Render Engine
AI-assisted 3D product visualisation for e-commerce and marketing. Upload a CAD file or photo set — get hero shots and 360° spins.
Creative Automation
Generate ad creative variants at scale from a master template — sized for every channel, all locales, with copy variants.
AI Texture & Pattern Generator
Fine-tuned generative models on your brand inputs produce unique textures, patterns, and backgrounds — never on-brand by accident.
Brand guardrail enforcement
Every generated output is validated against your brand rules — colour gamut, typography, voice, prohibited combinations — before delivery.
Marketing asset library
Versioned asset library with rights-management, expiry dates, and channel approvals. Marketing pulls only the assets cleared for their use.
Packaging & environmental
Generate packaging mockups, signage, and environmental graphics from the same brand graph — print-ready files.
Template licensing
Sell or licence your master templates inside the Studio. Royalty share supports brand consultancies and freelance designers.
Brand managers
Guidelines auto-generated and enforced at output.
Performance marketing
Hundreds of variants per campaign, sized per channel.
E-commerce teams
3D product hero shots from CAD or photo input.
Agencies
Sell templates back into the Studio marketplace.
Product 03 · Service 10 — AR & VR Integration

XR Builder

No-code AR and VR experiences for retail, training, and product visualisation. WebXR by default — headsets when you need them.

2028 Subscription + WebXR hosting
XR Showroom Builder
No-code creation of immersive retail environments — drag products onto shelves, set lighting, publish to WebXR or Vision Pro.
Filter Studio
Self-serve AR lens creation for Instagram, TikTok, and Snapchat. Brand-locked outputs publish directly to platform creator accounts.
VR Training Builder
Drag-and-drop scene composition for staff safety, equipment operation, and skills training. Built-in scenario branching and assessment.
WebXR Publisher
Deploy AR/VR experiences accessible from any browser without app download. One URL works on Quest, Vision Pro, iOS, and Android.
IoT Twin Platform
Connect physical assets to a real-time digital replica. Live telemetry from Cluster 03 streams into the spatial scene.
Location-Based AR
GPS-anchored AR for events, tourism, retail wayfinding, and outdoor activations. Geofence triggers and content scheduling.
Scene asset library
Pre-built environments, characters, props, and interaction primitives. All compatible with the Spatial Design Kit token graph.
Scenario branching
Decision-tree scripting for training simulations. Track learner choices, score competency, export results to LMS or Cluster 03 dashboards.
Retail brands
Virtual showrooms accessible from any browser.
L&D / training
Mining, manufacturing, and retail safety simulations.
Social marketing
Brand-locked AR filters for Instagram, TikTok, Snap.
Tourism & events
Location-based AR experiences with geofence triggers.
The modules that ride on the products

Specialised tools that share the same token graph.

Beyond the three core products, Cluster 04 ships specialised modules — each one a separately-priced surface but governed by the same tokens, the same brand guardrails, and the same accessibility rules.

Automated Accessibility Checker

WCAG 2.2 AA and AAA compliance scanning integrated into the design and CI/CD pipelines. Catch contrast issues at the token level. Catch focus order at the component level. Catch ARIA drift at the page level. Fail the PR — not the launch.

Token-level contrast scoring (WCAG 1.4.3, 1.4.6)
Component focus-order validation
ARIA-completeness lints in the IDE
Keyboard-only flow simulation
Screen-reader output preview (NVDA, JAWS, VoiceOver)
CI gate — GitHub Actions, GitLab CI, Bitbucket

Animation Library

Lottie and Rive animations generated from your motion tokens. Easing, duration, and choreography all derived from the same graph that powers your design system. Animations stay on-brand because they cannot drift from spec.

Motion token spec — easing, duration, choreography
Lottie JSON export for web and mobile
Rive runtime export for interactive animations
Reduced-motion variants generated automatically
Pre-built micro-interactions (button, modal, toast)
Storyboard view for marketing motion sequences

Research Ops

Schedule user testing, capture sessions, store heatmaps and click recordings. Findings link back to the design tokens and components they tested — so when you change a token, you can see every research session that touched it.

Participant recruitment and scheduling
Session recording with consent capture (POPIA-aligned)
Heatmap and clickstream analytics
Findings linked to component versions
Survey + interview transcript management
AI-assisted theme extraction (powered by Cluster 01)

Product Render Engine

AI-assisted 3D product visualisation for e-commerce and marketing. Upload a CAD file or photo set — get hero shots, 360° spins, lifestyle compositions, and AR-ready glTF exports. Powered by fine-tuned models on Cluster 01.

CAD ingestion (STEP, OBJ, FBX, glTF)
Photogrammetry from 12+ photos
AI-assisted lifestyle compositing
360° spin generator for product pages
AR-ready glTF and USDZ exports
Direct publish to Shopify, WooCommerce, Takealot
Accessibility built in, not bolted on

Three audit questions every digital team gets asked.
The Studio answers them at design time.

POPIA's right-to-equal-access provisions mean accessibility is not optional in South African enterprise. WCAG 2.2 AA is the floor — many regulated sectors (banking, government, education) require AAA. Cluster 04 was designed so accessibility is enforced at the token level, before a single line of production code ships.

What is the contrast on this button?
Every colour token in the graph is scored against WCAG 1.4.3 (AA) and 1.4.6 (AAA) at the moment it's defined. Failing combinations are flagged in the design tool — not at code review.
→ Design System Generator · Token contrast lint
Can a keyboard user complete this flow?
Components ship with focus order, focus traps, skip-links, and visible focus indicators baked in. The CI gate runs a keyboard-only walkthrough on every PR — flows that fail are blocked from merge.
→ Accessibility Checker · CI keyboard simulation
What does a screen reader hear?
Preview the announced output for NVDA, JAWS, and VoiceOver from inside the design tool. ARIA labels, landmarks, and live-region announcements are auto-suggested from the component schema.
→ Accessibility Checker · Screen-reader preview
One scene. Five deployment targets.

WebXR-first publishing — headsets when fidelity demands it.

Build the scene once in XR Builder. Publish to a URL, a headset app, a social filter, or an iOS / Android AR experience. Each export shares the same Spatial Design Kit tokens — so brand and accessibility carry across.

WebXR (default)
One URL works on any modern browser. Quest, Vision Pro, iOS Safari, and Android Chrome all enter immersive mode without an app install.
No app store Three.js A-Frame
Apple Vision Pro
Native visionOS experience exported with USDZ scene format. Spatial Design Kit components map to ornaments, glass materials, and hand input.
visionOS USDZ Spatial UI
Meta Quest 3 / Pro
Native Quest experience or WebXR via Quest Browser. Hand-tracking and controller input both supported. Mixed reality passthrough by default.
Quest Native Mixed reality glTF
iOS & Android AR
ARKit (iOS) and ARCore (Android) builds for app-anchored AR experiences. Used for retail try-on, product demos, and tourism.
ARKit ARCore USDZ + glTF
Social AR (Spark / Lens)
Filter Studio publishes brand-locked AR lenses to Instagram (Meta Spark), Snapchat (Lens Studio), and TikTok (Effect House) from one source.
Meta Spark Lens Studio Effect House
Location-based AR
GPS-anchored AR for events, retail wayfinding, tourism, and outdoor activations. Geofence triggers fire content as visitors arrive.
GPS-anchored Geofencing 8th Wall
Where the experience layer earns its keep

Six places Cluster 04 starts paying back — across SA buyer profiles.

Cluster 04 is a Phase 3 build. The patterns below are the early-customer profiles already on the interest list — design teams, retail brands, agencies, and L&D operations across South Africa.

Banking & financial services
POPIA-aligned design system across 4 banking apps
A national bank with a retail app, a business app, a forex app, and a wealth app standardises tokens once. Accessibility AAA enforced at PR for regulated public-facing flows. Design drift across teams ends.
Multi-app tokens WCAG AAA CI gate
Retail & e-commerce
Virtual showroom for Takealot & Shopify catalogue
Mid-market retailer publishes a WebXR showroom — products from their Takealot and Shopify catalogue placed in a 3D environment. Customers walk through, try on, share. No app install. One URL.
XR Showroom WebXR 3D product
Mining & manufacturing
VR safety training simulations for site induction
A mining group replaces 8-hour classroom inductions with a 90-minute VR simulation on Quest 3. Workers experience high-risk scenarios (rockfall, gas, equipment) safely. Assessment scores feed Cluster 03 dashboards.
VR Training Quest 3 LMS integration
Agencies & performance marketing
300 ad variants per campaign — all on-brand
A marketing agency uses Brand Studio to generate hundreds of ad variants per client campaign — sized for every channel, in every locale, with copy variants — every output validated against the client's brand guardrails before delivery.
Creative Automation Brand guardrails Multi-channel
Tourism & events
Location-based AR at heritage sites
A heritage tourism operator publishes a location-based AR experience anchored at points of historical interest. Visitors scan a QR at the site, AR triggers in-browser, no app install. Multilingual content via geofence.
Location AR Geofencing Multilingual
Government & education
WCAG AAA design system for citizen services
A provincial government department deploys a WCAG AAA-conformant design system across 12 citizen-facing services. Accessibility scanned in CI/CD. Screen-reader output reviewed at every release.
WCAG AAA 12 services Public sector
Honest roadmap

Phase 3 — funded by Phase 1 and 2 platform revenue.

Cluster 04 has a defined scope but the build has not started. Revenue from Cluster 01 (AI Dev Platform) and Phase 2 clusters (Cloud + Data & Analytics) funds the build. Honest dates below — these are targets, not commitments.

Phase 1 + 2 — Cluster 04 in planning
Scope, partner outreach, and design partner discovery
Active now
Token graph schema design (drawn from Style Dictionary)
Component library taxonomy (40 core components)
Brand Studio model fine-tuning research (Cluster 01)
Design partner discovery (3 SA agencies, 2 retailers)
Accessibility scanner technology stack chosen (axe-core + custom)
WebXR runtime evaluation (Three.js vs A-Frame)
Funded by: Phase 1+2 platform revenue
Status: Design partner outreach
Phase 3 entry — 2027+
Design System Generator + Accessibility Checker
2027+
Token ingestion from Figma + manual upload
Multi-target export — Figma, React + Tailwind, Vue, CSS
40 core components with theme variants
WCAG 2.2 AA scanner GA — IDE plugin + CI gate
Animation Library v1 — Lottie export
Storybook integration for component documentation
Target: First Design System customer live
Cross-sell: Cluster 01 + 02 + 03 customers
Phase 3 expansion — 2027+
Brand Studio + Render Engine + Research Ops
2027+
Brand Book Generator — auto-generated guidelines PDF
Creative Automation — multi-channel ad variant generation
AI Texture & Pattern Generator (fine-tuned per brand)
Product Render Engine — CAD + photogrammetry ingestion
Research Ops — scheduling, recording, heatmaps
Spatial Design Kit — Vision Pro + Quest components
Template marketplace alpha
Target: Brand Studio + Spatial Kit GA
Customers: Agencies, retailers, banks
Phase 3 final — 2028
XR Builder — full release
2028
XR Showroom Builder — no-code retail environments
VR Training Builder — scenario branching + assessment
Filter Studio — Spark / Lens / Effect House publishing
WebXR Publisher — single-URL multi-target deploy
IoT Twin Platform — live telemetry from Cluster 03
Location-Based AR — geofence + GPS-anchored content
Dependency: Spatial Design Kit GA
Cross-sell: Mining, retail, training, tourism
Pricing for the cluster

An add-on cluster — most valuable when wired to the others.

Creative & XR Studio is an Enterprise tier inclusion. It can be added to Growth as a single-cluster pick. It is most valuable to customers who already run on the AI Dev Platform or the Data & Analytics OS — design tokens become live UI in their AI products, and 3D twins stream telemetry from their data pipelines.

Cluster 04 — Creative & XR Studio

Add to Growth, included with Enterprise.

Growth includes any three clusters — pick Creative & XR alongside AI Dev Platform and Data & Analytics for a complete experience pipeline. Enterprise includes all five clusters plus Governance Hub. Standalone Creative tier opens at the Phase 3 entry (2027+).

R19,999
Growth tier · 25 seats · billed monthly

Tokens, brand assets,
and spatial experiences — on one graph.

Cluster 04 ships from 2027 onwards, funded by revenue from earlier clusters. Joining the early interest list secures founding-customer pricing, design-partner roadmap input, and access to the alpha when it lands.

Token-level WCAG 2.2 enforcement Brand guardrail validation WebXR-first publishing af-south-1 by default