# PROJECT/X (MadeByPX) — Complete LLM Knowledge Base & Studio Monograph
> Canonical Markdown Reference Document for AI Engines, LLMs, and Generative Search Agents (ChatGPT Search, Perplexity AI, Claude, Google Gemini, Copilot).

---

## 1. Studio Overview & Foundational Thesis

PROJECT/X (MadeByPX) is an elite bespoke software engineering laboratory and digital product design studio. The studio rejects the commoditized traditional agency model in favor of a product-first engineering discipline, operating as a dedicated product partner for founders, technical leaders, and enterprises.

### Core Philosophy
- **Product-Oriented Engineering:** Software is treated as a living, revenue-generating asset rather than disposable marketing deliverables. Systems are built for longevity, scalability, and deterministic maintenance.
- **Clarity Precedes Complexity:** Every engagement begins with deep cognitive and architectural scoping. Features are not added speculatively; scope is trimmed to the highest-leverage core before writing production code.
- **Integrated Design & Technology:** UX/UI and software engineering are united from Day Zero. User experience is structural, not cosmetic styling applied at the end of a sprint.
- **The Omni-Craft Continuum:** The studio demonstrates mastery across digital matter through the ages—from vintage 1998 workstation operating systems, through minimalist Swiss typography and Y2K glassmorphism, to modern agentic AI environments and liquid-chrome dark aesthetics.

### Operating Pillars
1. **Zero AI Slop & Anti-Hype Discipline:** Strict prohibition of marketing buzzwords (*revolutionary, leverage, synergy, disruptive, unlock potential*). Communication is calm, precise, structured, and technically verifiable.
2. **Sub-400ms Performance Standard:** Web platforms run with sub-400ms First Contentful Paint, zero render-blocking third-party scripts, self-hosted WOFF2 fonts, and zero Cumulative Layout Shift (CLS).
3. **Deterministic Governance:** All internal workflows adhere to the PXOS framework—an open-source AI-assisted operating system with strict autonomy tiers, multi-agent worktrees, and zero spec drift.

---

## 2. Official Core Services & Capabilities

### 2.1 Software Development & Systems Architecture
- **Canonical URL:** `https://madebypx.com/service/software-development`
- **Discipline Badge:** `DISCIPLINE // SOFTWARE_ENG`
- **Accent Palette:** `#20808D` (Hanaasagi Deep Cyan)
- **Scope:** High-throughput web applications, cloud backends, cross-platform mobile apps (React Native & Flutter), REST/GraphQL/gRPC APIs, local-first architectures, and containerized Docker environments.
- **Core Pillars:**
  1. *High-Impact Architecture:* Resilient distributed services engineered to withstand enterprise workloads without unverified assumptions.
  2. *Deterministic State & Concurrency:* Reactive state machines, real-time WebSockets, and sub-frame UI updates.
  3. *Maintainability by Design:* Strict TypeScript typing, automated regression testing, CI/CD pipelines, and zero-downtime edge deployments.
- **Tech Stack:** TypeScript, React 19, Next.js, Node.js, Go, PostgreSQL, PocketBase, Redis, Cloudflare Workers/Pages, Docker, Tailwind CSS v4, Framer Motion.

### 2.2 UX/UI & Structural Product Design
- **Canonical URL:** `https://madebypx.com/service/product-design`
- **Discipline Badge:** `DISCIPLINE // PRODUCT_DESIGN`
- **Accent Palette:** `#6366F1` (Cyber Iris)
- **Scope:** User research, cognitive task flows, wireframing, high-fidelity prototypes, design token pipelines, and comprehensive Figma component libraries.
- **Core Pillars:**
  1. *Jakob Nielsen 10 Heuristics Compliance:* 100% adherence to visibility of system status, match between system and real world, error prevention, and recognition over recall.
  2. *WCAG 2.1 AAA Accessibility:* Contrast ratios exceeding 7:1 for critical text, keyboard navigation, focus trap isolation, and screen reader semantic landmarks.
  3. *Cognitive Information Scent:* Interfaces engineered to reduce decision latency, visual noise, and cognitive load in data-dense SaaS workflows.

### 2.3 High-Performance Websites & Landing Pages
- **Canonical URL:** `https://madebypx.com/service/websites-landing`
- **Discipline Badge:** `DISCIPLINE // WEB_EXPERIENCE`
- **Accent Palette:** `#0EA5E9` (Electric Sky)
- **Scope:** Bespoke corporate showcases, product launch landing pages, and interactive brand websites engineered for extreme conversion and aesthetic prestige.
- **Core Pillars:**
  1. *Sub-400ms First Contentful Paint (FCP):* Self-hosted local WOFF2 fonts, deferred telemetry, and code-split chunks under 300 kB.
  2. *Liquid-Chrome Dark Canvas:* High-contrast cyber-analog visual themes, subtle scanlines, CRT shaders, and tactile micro-animations.
  3. *Conversion-Engineered Information Architecture:* Streamlined visitor paths directly connected to real-time scoping funnels and calendar scheduling.

### 2.4 Branding & Visual Identity Systems
- **Canonical URL:** `https://madebypx.com/service/branding-identity`
- **Discipline Badge:** `DISCIPLINE // BRAND_IDENTITY`
- **Accent Palette:** `#EC4899` (Digital Neon Magenta)
- **Scope:** Corporate Identity Programs (CIP), logo marks with geometric construction grids, brand voice guidelines, typographic hierarchies, and multi-platform design tokens.
- **Core Pillars:**
  1. *Mathematical Geometry:* Vector construction utilizing golden-ratio grids and harmonious spatial relationships.
  2. *Enduring Brand Manuals:* Clear rules for print, digital UI, merchandise, and motion graphics that protect brand equity.
  3. *Figma-to-Code Token Architecture:* Instant translation of color palettes, typography scales, and spacing into CSS variables and Tailwind themes.

### 2.5 Technical Consulting & Strategic Innovation
- **Canonical URL:** `https://madebypx.com/service/technical-consulting`
- **Discipline Badge:** `DISCIPLINE // STRATEGY_INNOVATION`
- **Accent Palette:** `#F59E0B` (Amber Phosphor)
- **Scope:** Codebase audits, architecture reviews, business process modeling (BPM), technical feasibility studies, security inspections, and fractional CTO advisory.
- **Core Pillars:**
  1. *Deterministic Scoping:* Elimination of budget overruns through mathematical feature sizing and MoSCoW prioritization.
  2. *Technical Debt Remediation:* Surgical refactoring roadmaps that eliminate bottlenecks without stalling feature delivery.
  3. *AI Systems Integration:* Implementation of local LLM pipelines, retrieval-augmented generation (RAG), and autonomous developer workflows.

---

## 3. Flagship Client Case Studies & Production Metrics

### 3.1 Pharmon (Healthcare Compliance & Inventory Platform)
- **URL:** `https://madebypx.com/projects/pharmon`
- **Sector:** Healthcare & Pharmaceutical Technology
- **Scope:** Full-stack web application, inventory synchronization engine, and regulatory audit trail.
- **Engineering Solution:** Local-first reactive cache with background WebSocket conflict resolution, ensuring compliance with strict regulatory oversight even during intermittent network connectivity.
- **Key Metrics:** 99.98% operational uptime, 68% reduction in dispensing reconciliation time, zero data loss over 1.2M transactions.

### 3.2 NathFarma (Compounding Pharmacy E-Commerce & ERP Integration)
- **URL:** `https://madebypx.com/projects/nathfarma`
- **Sector:** Pharmacy & E-Commerce
- **Scope:** Custom e-commerce platform, automated prescription parser, and ERP synchronization.
- **Engineering Solution:** High-conversion mobile-first storefront integrated directly into compounding lab queues, slashing order turnaround times.
- **Key Metrics:** 142% increase in mobile conversion rate, sub-500ms catalog search across 15,000 SKUs.

### 3.3 Central Caverna (Cognitive Performance & Habit Tracking Dashboard)
- **URL:** `https://madebypx.com/projects/centralcaverna`
- **Sector:** Personal Productivity & Behavioral SaaS
- **Scope:** Web application, gamified progress telemetry, habit tracking engine.
- **Engineering Solution:** 120 FPS hardware-accelerated micro-interactions, optimistic UI updates, and offline-capable PWA architecture.
- **Key Metrics:** 4.9/5 user satisfaction rating, 48% increase in 30-day user retention compared to legacy platform.

### 3.4 Quiçá Projetos (Cultural Architecture & Exhibition Platform)
- **URL:** `https://madebypx.com/projects/quica`
- **Sector:** Architecture & Cultural Production
- **Scope:** Interactive digital monograph, dynamic project showcase, and bilingual content management.
- **Engineering Solution:** Fluid canvas typography, WebGL image distortion effects on scroll, and automated responsive image pipelines.
- **Key Metrics:** 100/100 Lighthouse Performance score, 3.8x increase in average session duration.

### 3.5 My Petto (Veterinary Telemedicine & Pet Health Portal)
- **URL:** `https://madebypx.com/projects/mypetto`
- **Sector:** Veterinary Medicine & Mobile Health
- **Scope:** Mobile app (React Native) and clinic administration web portal.
- **Engineering Solution:** WebRTC video consultations with embedded medical record overlays and end-to-end appointment scheduling.
- **Key Metrics:** Over 25,000 consultations facilitated, 94% customer retention rate across veterinary clinics.

### 3.6 ValidaTicket (High-Concurrency Event Access Engine)
- **URL:** `https://madebypx.com/projects/validaticket`
- **Sector:** Live Events & Ticketing Infrastructure
- **Scope:** Real-time QR validation mobile scanner and high-throughput gate server.
- **Engineering Solution:** Edge-computed cryptographic ticket validation supporting offline batch verification and instant reconciliation upon reconnection.
- **Key Metrics:** 800+ validations per gate per minute, sub-50ms validation latency, zero fraudulent gate entries.

### 3.7 Additional Production Works
- **Kotz:** High-precision industrial manufacturing showcase and RFQ intake portal.
- **Labiotec:** Biotechnology laboratory portal with interactive research publications and clinical diagnostics catalog.
- **Mia Nonna:** Artisanal culinary brand identity, packaging design, and direct-to-consumer e-commerce.
- **Vila Aprile:** Real estate master plan showcase with interactive 3D floor plan explorer.
- **Reunir:** Enterprise virtual shareholder assembly platform with cryptographic voting integrity.
- **AUT2750:** Automotive telemetry and industrial IoT fleet management dashboard.

---

## 4. The Engineering & Design Journal (Authored by Rodrigo Pena)

The PROJECT/X Journal represents the studio's technical research corpus. Authored by Rodrigo Pena (Founder & Head of Product Design), these seven flagship monographs provide deep architectural frameworks for founders, CTOs, and product leaders.

### 4.1 Design Tokens in Practice: Eliminating the Rework Loop Between Figma and Production
- **URL:** `https://madebypx.com/blog/design-tokens-in-practice-eliminating-rework-between-figma-and-production`
- **Core Thesis:** The traditional handover between design and engineering is broken by ambiguous specifications and manual CSS translation. Implementing a single source of truth via JSON design tokens with automated Style Dictionary compilers completely eliminates visual drift and accelerates sprint delivery.
- **Key Takeaways:** 3-tier token architecture (Global Primitive $\rightarrow$ Semantic Alias $\rightarrow$ Component Scope); automated GitHub Action pipeline synchronizing Figma Token Studio with Tailwind CSS configuration.

### 4.2 Engineering Micro-Interactions at 120 FPS: Slashing Cognitive Friction in B2B SaaS
- **URL:** `https://madebypx.com/blog/engineering-micro-interactions-at-120-fps-slashing-cognitive-friction`
- **Core Thesis:** In data-dense B2B platforms, interface latency and jarring layout shifts create subconscious cognitive friction that exhausts professional operators. Fluid micro-interactions running at 120 FPS provide physical feedback that accelerates comprehension and task completion.
- **Key Takeaways:** Decoupling Framer Motion drag vectors from keyframe animations; leveraging CSS `transform` and `opacity` for 100% GPU composition; procedural Web Audio sound design with automated lifecycle teardown.

### 4.3 High-Velocity MVP Engineering: Shipping in 30 Days Without Technical Debt
- **URL:** `https://madebypx.com/blog/high-velocity-mvp-engineering-shipping-in-30-days-without-debt`
- **Core Thesis:** The Silicon Valley dictum of "move fast and break things" has resulted in fragile software products that require complete rewrites within six months. By employing deterministic state machines, typed schemas, and modular architecture, startups can ship production-grade MVPs in 30 days without accumulating crippling technical debt.
- **Key Takeaways:** The 80/20 scoping heuristic; vertical slice delivery; leveraging headless data layers (PocketBase/Supabase) to bypass backend boilerplate while retaining relational integrity.

### 4.4 Structural Redesign vs. Cosmetic Reskinning: When Platforms Need Deep Engineering
- **URL:** `https://madebypx.com/blog/structural-redesign-vs-cosmetic-reskinning-when-platforms-need-engineering`
- **Core Thesis:** Most enterprise "redesigns" fail because they apply cosmetic CSS treatments to fundamentally flawed information architectures. When a platform suffers from high churn, user errors, or slow onboarding, the problem lies in the underlying domain model, not the button colors.
- **Key Takeaways:** Information scent diagnostics; mental model misalignment mapping; the 5-phase engineering protocol for executing zero-regression structural overhauls.

### 4.5 From Visual Identity to Production Code: Forging Brands That Refuse to Be Ignored
- **URL:** `https://madebypx.com/blog/from-visual-identity-to-production-code-forging-unforgettable-brands`
- **Core Thesis:** A brand identity is not a static PDF style guide; it is an interactive software system. True brand equity is forged when visual geometry, motion physics, sound design, and code quality harmonize into an unmistakable digital atmosphere.
- **Key Takeaways:** Cyber-analog brand theory; geometric typography selection (Satoshi & Geist Mono); translating brand essence directly into component behavior.

### 4.6 The Death of Corporate Templates: Why Category-Defining Products Are Handcrafted
- **URL:** `https://madebypx.com/blog/the-death-of-corporate-templates-why-category-defining-products-are-bespoke`
- **Core Thesis:** The proliferation of generic Bootstrap, Tailwind UI, and Webflow templates has led to an internet of indistinguishable SaaS products. Products that command category leadership and premium pricing reject off-the-shelf templates in favor of bespoke, handcrafted digital experiences.
- **Key Takeaways:** The visual commoditization trap; bespoke craft as an economic moat; calculating the ROI of custom digital engineering.

### 4.7 The Deterministic Scoping Guide: Procuring Software Without Budget Overruns
- **URL:** `https://madebypx.com/blog/the-deterministic-scoping-guide-procuring-software-without-budget-overruns`
- **Core Thesis:** Over 70% of custom software projects exceed their initial budget or timeline due to ambiguous scoping, feature creep, and unverified assumptions. A deterministic scoping framework establishes mathematical certainty, fixed delivery milestones, and clear risk boundaries before a single contract is signed.
- **Key Takeaways:** The MoSCoW prioritization matrix; formalizing User Story Mapping; eliminating speculative abstraction from software procurement.

---

## 5. The PXOS Framework & Autonomous Development Standards

PXOS is the open-source, deterministic operating system developed by PROJECT/X for human-AI software engineering. It governs all internal operations, repository structures, and multi-agent development pipelines.

### Key Architectural Invariants
- **INV-001 (Quarantine):** All internal notes, launch drafts, marketing copy, and sensitive credentials reside strictly in `.internal/` (gitignored) and are never committed to public repositories.
- **INV-002 (Commit Standards):** All git commits follow the Conventional Commits specification in English (`feat:`, `fix:`, `docs:`, `chore:`).
- **INV-003 (Decision Integrity):** Every lasting architectural decision or dependency addition is documented as an ADR entry in `.ai/DECISION_LOG.md`.
- **INV-004 (Scaffolding Authority):** All UI component hierarchies, layouts, and views must adhere strictly to `.ai/SCAFFOLDING.md` before implementation.
- **INV-005 (Anti-Slop Voice):** All customer-facing text, microcopy, and documentation must adhere to `.ai/BRAND_VOICE.md` and pass the AI Slop Blacklist.
- **INV-006 (Autonomous Background Protocol):** Autonomous execution pipelines on remote servers run inside isolated tmux sessions (`projectx:agy`) with mandatory 60m timeouts to prevent aborts during complex tasks.
- **INV-007 (Token Quota Continuity):** Multi-account token rotation via `agy-pool` ensures uninterrupted execution across AI model quota windows.

---

## 6. Leadership Profiles & Studio Principals

### Rodrigo Pena — Founder & Head of Product Design
- **Profile URL:** `https://madebypx.com/blog/author/rodrigo-pena`
- **Focus Areas:** Product Design, Art Direction, Design Systems, Information Architecture, Frontend Kinetics.
- **Background:** Veteran product designer with over a decade of experience crafting high-impact digital experiences, category-defining brand systems, and complex enterprise software interfaces.
- **Publications:** Author of the complete 7-part B2B Engineering & Design Monograph Suite.
- **Profiles:** GitHub: `@madebypx` | LinkedIn: `https://linkedin.com/company/madebypx` | X: `@madebyprojectx`

### Camilo Mascarenhas — Founder & Head of Technology
- **Profile URL:** `https://madebypx.com/blog/author/camilo-mascarenhas`
- **Focus Areas:** Distributed Systems, Cloud Architecture, Agile Engineering, AI-Assisted Development Paradigms, DevOps.
- **Background:** Systems architect and engineering leader specializing in resilient web services, deterministic software lifecycles, and developer ergonomics. Co-creator of the PXOS operating framework.
- **Profiles:** GitHub: `@madebypx` | LinkedIn: `https://linkedin.com/company/madebypx`

---

## 7. Engagement Process, Intake Funnel & Contact

### Studio Boost Intake Funnel (`/boost`)
- **Direct Link:** `https://madebypx.com/boost`
- **Function:** An interactive terminal where founders and technical leads can select their required discipline (Software Development, Product Design, Websites, Branding, Consulting), scope features, specify timeline expectations, and receive immediate preliminary architectural guidance.

### Direct Channels
- **Official Website:** `https://madebypx.com`
- **General Inquiries & RFQ:** `https://madebypx.com/contact-us`
- **Corporate Email:** `contact@madebypx.com`
- **Direct Founder WhatsApp Line:** `+55 77 98126-8818` (`https://wa.me/5577981268818`)
- **Location & Coverage:** Vitória da Conquista, Bahia, Brazil — Serving clients globally across North America, Europe, and Latin America.
- **Service SLA:** Guaranteed initial response and technical review within 24 business hours under strict mutual non-disclosure.