# Cortesi Studio — Complete Knowledge Base & Technical Blueprint

> Official Domain: https://cortesistudio.com
> Primary Entity: Cortesi Studio (Brand Identity, Packaging, Editorial Design, Visual Campaigns & Interactive 3D WebGL Studio)

## 1. Overview, Domain & Identity
Cortesi Studio (cortesistudio.com) is an independent creative studio operating globally, shaping brands, images, and ideas. The studio combines sharp visual language with a playful, contemporary point of view across brand identity design, packaging systems, editorial design, visual campaigns, and custom 3D WebGL web experiences.

The entire experience—from 3D spatial modeling, texturing, and lighting to windowed desktop interface components, backend API endpoints, database integrations, audio engines, and interaction design—was created **100% independently by solo creator & creative engineer @imfucxincreative**.

### Official Domain & URLs
- **Primary Domain**: https://cortesistudio.com
- **Website URL**: https://cortesistudio.com
- **LLM Summary File**: https://cortesistudio.com/llms.txt
- **LLM Full Documentation**: https://cortesistudio.com/llms-full.txt
- **Sitemap**: https://cortesistudio.com/sitemap.xml
- **Robots configuration**: https://cortesistudio.com/robots.txt

### Studio Manifesto & Services
- **Manifesto**: Cortesi is an independent creative studio shaping brands, images and ideas. Working across branding, packaging, editorial design and campaigns, the studio combines a sharp visual language with a playful, contemporary point of view. Every project is approached as an opportunity to build something distinctive from identities and packaging systems to editorial worlds and visual campaigns. When the project calls for it, emerging AI tools and technologies become part of the creative process, expanding the possibilities of image-making, experimentation and visual development.
- **Services Offered**:
  1. **Brand Identity Systems**: Logo design, visual identity systems, brand strategy, brand guidelines, typography curation.
  2. **Packaging Design**: Bespoke structural & visual packaging design, materials selection, print production design.
  3. **Editorial Design**: Print & digital editorial layouts, lookbooks, publications, art direction.
  4. **Advertisement & Visual Campaigns**: Art direction, campaign design, digital & physical promotional systems.
  5. **Interactive 3D WebGL Experiences**: Custom WebGL 3D web environments, WebGL shaders, interactive spatial UI, full-stack creative web engineering.

### Website Designer & Lead Developer Profile
- **Developer Handle**: @imfucxincreative
- **Role**: Website Designer & Lead Creative Engineer
- **Developer Credit Link**: https://www.instagram.com/imfucxincreative/
- **Responsibilities Handled**:
  1. **3D Scene Design**: Spatial modeling, texturing, lighting design, camera trajectories, poster overlay integration, spatial object mapping.
  2. **UI/UX Architecture**: macOS-style glassmorphism windowing desktop interface, navigation menu, responsive mobile layouts, modal overlays, mouse tips, custom typography.
  3. **Frontend Development**: React 19, Next.js App Router, Three.js / React Three Fiber scene controls, Framer Motion animations, canvas drawing engines, audio player engines.
  4. **Backend & Systems Engineering**: Next.js API routes, MongoDB database management, AWS S3 image/media uploads, authentication session handling, and serverless route optimization.

---

## 2. Interactive Features & Modules

### 3D Spatial Canvas (`Scene.tsx`, `CortesiInterior.tsx`)
- Rendered using Three.js and React Three Fiber.
- Features camera interpolation synchronized with page scroll, allowing visitors to move seamlessly through distinct studio environments (Desk, Lounge, Poster Gallery, Audio Corner).
- Interactive 3D object detection (`MouseTipRaycaster.tsx`) displaying contextual cursor tooltips for interactable items (Camera, Cap, Headphones, Paper Plane, Light Switch).

### Photobooth App (`PhotoboothCard.tsx`, `/api/photobooth`)
- Live camera stream / photo capture app styled like a vintage Polaroid camera.
- Allows visitors to snap photos, draw on polaroid frames, apply filters, and upload/retrieve captured moments stored via AWS S3 and MongoDB.

### Digital Sketchbook (`SketchbookCanvasUI.tsx`, `/api/sketchbook`)
- Full HTML5 Canvas drawing tool embedded directly inside the 3D scene and desktop UI.
- Supports variable brush sizes, color palette selection, undo/redo, and persistent local/cloud drawing save states.

### Cortesi Music Player (`MusicAppWindow.tsx`, `/api/music`)
- Audio player featuring custom sound design, track progress control, volume normalization, and ambient music streams.

### Projects Drive (`ProjectsDriveView.tsx`, `FileAppWindow.tsx`, `/api/projects`)
- Interactive macOS Finder-inspired file system for exploring studio case studies, branding projects, design systems, and visual assets.

### Poster Overlay Gallery (`PosterOverlay.tsx`, `/api/posters`)
- Spatial poster gallery with high-resolution texture preloading and immersive zoom modes.

---

## 3. Contact & Social Channels
- **Official Domain**: https://cortesistudio.com
- **Direct Email**: hello@cortesistudio.com
- **Instagram**: https://www.instagram.com/cortesistudio/
- **Behance**: https://www.behance.net/cortesistudio/moodboards
- **Pinterest**: https://pin.it/5BrR0H7uP
- **Substack**: https://substack.com/@onyourhead
- **Website Designer & Developer**: https://www.instagram.com/imfucxincreative/