Designing systems.
Engineering proof.

I think in brand and positioning before I think in code. From crafting comprehensive design systems in Figma to architecting full-stack TypeScript and FastAPI backends with real-time CRDTs and immutable ledgers, I bridge the gap between creative vision and production software.

View Selected Work
8+Y Brand & UI/UX Leadership
380+ Commits Shipped (PIIIX)
B.Sc. Computer Science (2025)
Carbon v11 Enterprise Design System

Built from first principles.

Deep-dive case studies spanning AI-navigable knowledge systems, immutable double-entry ledgers, and large-scale civic transformations.

Chapters

PIIIX.org 2025 - Present

AI-Navigable Second Brain & Knowledge Platform

Most knowledge tools bolt an AI chat window on top of notes after the fact. We built AI access into the data layer itself: an open-source, self-hostable team platform with plain markdown files, a live-preview CodeMirror 6 editor, and an AI-navigable knowledge graph.

Architectural Breakthrough
Full tool parity for AI agents via Model Context Protocol (MCP). Writes flow through a Yjs/Hocuspocus CRDT relay with live per-operation permission checks and attributed audit trails. Local ONNX embeddings via Transformers.js ensure private data never leaves the host instance.
TypeScript Node / Fastify Yjs CRDT PostgreSQL + pgvector MCP Protocol Canvas 2D / D3-force
LOUVAIN CLUSTERING 60 FPS
Semantic Nodes: 38 · Density: 0.84 · Edge Resolution: In-Query

Atlas BOS / ERP

Enterprise Systems 2026

The Immutable Business Operating System

"Atlas is a book you can post to but never erase." Designed with SAP S/4HANA module parity, Atlas enforces a pure projection model: no total is ever stored in the database, eliminating reconciliation drift entirely.

Triple-Enforced Invariant
Double-entry ledger rules are enforced three times: in the Python FastAPI service layer, in the ORM typing, and inside PostgreSQL triggers. Sales publishes BillingInvoiced; Finance subscribes in decoupled event handlers without Sales knowing Finance exists.
Python 3.12 FastAPI PostgreSQL Triggers React + TanStack Domain Event Bus Gapless Numbering
INTERACTIVE DAG CLICK NODES

Metal ERP & Municipal Logistics

Civic Infrastructure Al-Kharazmi · 2025

Civic Infrastructure & Carbon v11 Design System

Formulated the architectural UI/UX to transform the physical paper logistics of Herat Municipality (شاروالی ولایت هرات) into an auditable digital platform, digitizing critical inventory tracking forms (F-S-5, 8, 9, 10 and M-7).

24-Color Visual Data System
Engineered a custom 24-color visual design system built on top of IBM Carbon v11, specifically tuned for multi-tenant high-volume municipal logistics and POS terminals to reduce cognitive friction and operator error.
IBM Carbon v11 Figma Tokens Civic Systems UX Kufic Brand Mark POS Extension
IBM CARBON V11 LOGISTICS TOKENS WCAG 2.1 AA
$interactive-01
#0f62fe (4.8:1)
$support-success
#24a148 (Post Ledger)
$support-warning
#f1c21b (Audit Pending)
$support-error
#da1e28 (Variance Trap)
STATUTORY MUNICIPAL WAREHOUSE FORMS:
F-S-5 (Goods Receipt) F-S-8 (Issue Voucher) F-S-9 (Transfer) F-S-10 (Gate Pass) M-7 (Stock Ledger)

Canin DCMP

Healthcare UX Cyborg Tech · 2024

Dental Clinic Management Platform

Built around the core insight: clinical dentists require instant tactile entry without navigating deep submenus during treatment. Directed the brand strategy, visual mark, and trilingual clinical management workflow.

Clinical Workflow Ergonomics
Conducted field observations with practicing dental surgeons to redesign per-tooth charting, lab prescription dispatches, and multi-currency billing, transitioning clinics from paper records to a secure Progressive Web App (PWA).
Clinical UX Trilingual (Fa/Ps/En) Brand Architecture Progressive Web App
QUADRANT TOOTH CHARTING ENGINE PWA OFFLINE
Maxillary Right (Q1)
18 17 16 15 14 13 12 11
Maxillary Left (Q2)
21 22 23 24 25 26 27 28
Mandibular Right (Q4)
48 47 46 45 44 43 42 41
Mandibular Left (Q3)
31 32 33 34 35 36 37 38
Trilingual Locale Engine Dari • Pashto • English
Encrypted Local Storage AES-256 IndexedDB

The Design Engineering Bridge.

I don't hand off static pictures. Inspect this live component to see how Figma design tokens translate directly into production TypeScript and accessible React code.

Design Tokens (Figma Tokens & CSS Variables)

Live, type-safe, accessible component specification

System Status: Healthy (60 FPS)
Contrast Ratio: 5.2:1 (WCAG AA Passed)
COMPONENT SPECIFICATION
/* Loading specification... */

8+ Years of Brand & Visual Craft.

Selected visual identity systems, typography architectures, and packaging designs created across South Asia and the Middle East.

Packaging & Brand
2023

Safa Tyour (صفاطیور)

Comprehensive visual identity and industrial poultry packaging overhaul, introducing modern agricultural iconography.

Packaging System & Retail Distribution
Visual Identity
2024

Bright Vision Academy

Educational identity system pairing Whyte Inktrap with FreightText Pro, geometric arabesque pattern libraries, and dual hero color palettes.

Full Brand Book & Patterns
Digital Platform
2024

Herat Dental Union (HDU)

Modernized logo system, headless WordPress backend with custom REST endpoints, and Next.js frontend with GSAP motion design.

Next.js + Headless CMS
Product UX
2024

Maher Tailoring ERP

Workflow management platform tailored for garment artisans with an intuitive offline-first interface and custom Foda-Kufic typography mark.

Offline-First UX Architecture
Design System
2026

Truetale Client Systems

Multi-platform Figma design systems for Vividtents.com and Squad Mojo, strictly adhering to WCAG 2.1 AA accessibility standards.

WCAG 2.1 AA Verified
Hospitality Brand
2022

Misty Mug Cafe (MMC)

Emotive brand identity for a creative sanctuary and cafe, featuring custom badge lettering: "Work With A Relaxed Mind & Boost Your Creativity".

Full Spatial & Print Identity

Academic rigor meets field execution.

Formal computer science fundamentals paired with world-class design certifications and LLM evaluation experience.

Academic Degree Graduated 2025

B.Sc. in Computer Science

Aria University, Mazar-i-Sharif, Afghanistan.
Comprehensive 4-year study of software engineering, database normalization, data structures, algorithms, and distributed systems.

B.Sc. Degree Verified
Design Education 2021 - 2023

Diploma in Graphic Design

Nifty Sphere Institute of Art & Design, Islamabad, Pakistan.
Specialized study in visual branding, grid layouts, typography hierarchies, and multi-platform marketing strategy.

Branding & Strategy Focus
AI & Cognitive UX 2023 - Present

Conversational Model QA

Pygmalion.chat, USA (Remote).
Conducted rigorous behavioral and UX testing on GLM 4.5 Air, Hermes IV 450B, and Big Magnum V2, evaluating instruction-following and context retention.

LLM Evaluation Specialist

Let's build something exceptional.

Available for Full-Time Remote Roles ($70k-$80k / Year)

I am seeking an Individual Contributor role as a Senior Product Designer or Design Engineer with a remote-first team worldwide. Open to any timezone.