THE DOJO PLATFORM BASE.
Shared UI primitives, Neo-Brutalist Swiss grids, Shu-Ha-Ri autonomy tokens, and traditional Sumi-e visual assets powering Agentic Dojo Consulting, Purko Fleet Manager, and Skill Optimizer.
High-Craft Light Mode + Sumi & Cinnabar
Zero border-radius (0px), 2px structural Sumi-Black borders (#1A1D21), and hard-offset shadows.
Primary CTAs, active telemetry nodes, critical alerts, vermilion focal points
2px structural borders, hard offset shadows, dark telemetry sections, display typography
Secondary technical indicators and system links
.bg-surface-container-lowestElevated cards, navbar container, Sumi-e illustration canvases
.bg-surfacePrimary page background
.bg-surface-container-lowAlternating section backgrounds (#philosophy, #how-it-works, #architecture)
.bg-surface-container-highHover states, muted badges, subtle dividers
Canonical Tatami Grid & Martial Obi Ranks
Used across the AI Readiness Assessment and Purko Fleet Manager to govern graduated agent autonomy.
White Belt
Human-in-the-Loop
Agent drafts. Human approves every action before it runs.
Yellow Belt
Guided Autonomy
Agent runs routine tasks on its own. Flags edge cases and budget spikes.
Black Belt
Trusted Execution
Agent executes end-to-end within hard cost and security guardrails.
Reusable Primitives (<DojoButton />, <HudBadge />, <PipelineTrack />)
Located in src/components/ui/ with strict TypeScript props for rapid product development.
<DojoButton /> Variants
<HudBadge /> Telemetry Pills
<PipelineTrack /> 3-Stage Assembly & Progression Conduit
Paste your prompt or skill
Drop in any system prompt, Claude skill, or agent instruction file for instant structural parsing.
Expose token waste & drift
Highlights contradictory instructions, filler phrasing, and missing output constraints.
Deploy sharper instructions
Copy the hardened skill into your agent stack or save it to your shared team codex.
Traditional Brushwork Meets Geometric Micro-Cubes
All custom illustrations follow Branding/IMAGE_STYLE_GUIDE.md: two-tone vermilion (#bb0700) to sumi-black (#1A1D21) gradients dissolving into crisp 3D micro-cubes.
SUMI-E ASSETKyudo Master's Bullseye (Consistent Output)
SUMI-E ASSETBonsai Pruning Shears (Lower AI Bills)
SUMI-E ASSETDojo Scroll Codex (Shared Team Skills)
Built to Scale from Marketing Site to SaaS Platform
How the Platform/ codebase is structured for stakeholders and future product engineering.
Platform/ ├── public/ │ ├── assets/ # Sumi-e illustrations, Obi belts, logos │ └── favicons/ # Standardized multi-device favicons ├── src/ │ ├── tokens/ │ │ └── dojo-tokens.ts # Typed Colors, Shu-Ha-Ri Belts & Assets │ ├── components/ │ │ ├── layout/ # <DojoNavbar />, <DojoFooter /> │ │ └── ui/ # <DojoButton />, <DojoCard />, │ │ # <HudBadge />, <SectionHeader />, │ │ # <PipelineTrack />, <FaqAccordion /> │ └── app/ │ ├── page.tsx # Home + AI Readiness Assessment │ ├── purko/ # Purko Product & Founding Partner Offer │ ├── skill-optimizer/ # Skill Optimizer Product & Pipeline │ ├── consulting/ # AI Consulting & Sprints │ ├── design-system/ # Live Stakeholder UI & Token Showcase │ └── api/ # /api/enrich & /api/submit routes