TACTICAL DIMENSION is a 10-screen by DHANRAJ SHARMATACTICAL DIMENSION is a 10-screen by DHANRAJ SHARMA

TACTICAL DIMENSION is a 10-screen

Portfolio project
DHANRAJ SHARMA
View completed work
TACTICAL DIMENSION is a 10-screen cinematic military HUD interface built entirely with Google Stitch. Inspired by dark tactical aesthetics, the project features a custom animated boot sequence, targeting ring systems, a live global logistics map, encrypted comms terminal with real-time decryption animation, sensor dashboards, diagnostics panels, and a final void sequence — all connected into one navigable prototype.
The design system is locked across all 10 screens: void black #02040E, amber #FF8C00, cobalt #00A2FF, Bebas Neue + Space Mono. Every screen was generated and iteratively refined inside Stitch — moving from a single descriptive prompt to a fully interactive, motion-rich interface in one session.
=============================================================
How Stitch was used by ME ?
Google Stitch was the core tool for every stage of this project:
STREAMING GENERATION I started with a single detailed prompt describing the tactical aesthetic, color system, and layout. Stitch streamed the full interface directly to the canvas in real time — letting me see the design direction immediately and course-correct early without wasted effort.
IN-PLACE AI EDITS This was the game-changer. Instead of regenerating screens from scratch, I used Stitch's in-place edit feature to refine individual elements — adding HUD overlays, enhancing targeting rings, fixing layout issues, and layering motion effects — all while preserving the existing design. Every screen went through 2-4 rounds of in-place refinement.
ITERATION WORKFLOW The canvas became a living design document. I could see all 10 screens side by side, compare iterations (old vs new shown simultaneously), and make decisions fast. Stitch's ability to show before/after versions on the same canvas made the iteration loop extremely tight.
EXPORT + DEPLOYMENT Used Stitch's built-in Netlify export to deploy each screen individually, then connected all 10 into a unified prototype with a custom boot sequence and navigation system.
DESIGN CONSISTENCY Stitch maintained the amber/cobalt/void color system and Space Mono + Bebas Neue typography automatically across all 10 screens — something that would have taken hours to enforce manually.
=============================================================
My Feedback on Stitch
Stitch is the fastest path I've found from idea to interactive interface.
What works brilliantly: — Streaming generation to canvas feels genuinely exciting. Watching the design appear in real time changes how you think about iteration. — In-place AI edits are the killer feature. Clicking an element and describing what to change — without losing everything else — is exactly how creative tools should work. — The canvas as a workspace (seeing all screens together) gives a bird's-eye view that Figma-style tools miss entirely.
What I'd love to see next: — Video file upload support (not just images) for video backgrounds — Multi-screen prototype linking built directly into Stitch — One-click full multi-page site deploy (not screen by screen) — More control over animation timing and easing in generated motion
Overall: Stitch cut my design-to-prototype time by roughly 80%. The combination of AI generation + in-place editing + instant export is a workflow that genuinely didn't exist before. Impressive.
=============================================================

0 likes · 13 views · Jun 3, 2026

TACTICAL DIMENSION is a 10-screen cinematic military HUD interface built entirely with Google Stitch. Inspired by dark tactical aesthetics, the project featu...

Tags