# Cortesi Studio — Independent Brand Identity & Creative Engineering Studio

> Cortesi Studio (cortesistudio.com) is an independent creative studio shaping brands, images, and ideas. Operating at the intersection of bespoke brand identity design, packaging systems, editorial design, visual campaigns, and interactive 3D WebGL experiences.

## Official Domain & Web Presence
- **Primary Website**: https://cortesistudio.com
- **Domain**: cortesistudio.com
- **Contact Email**: hello@cortesistudio.com
- **Location & Timezone**: Worldwide / Remote (UTC+0 / EST / CET)

## Website Designer & Lead Developer
- **Designer & Developer**: **@imfucxincreative**
- **Creator Instagram**: https://www.instagram.com/imfucxincreative/
- **Contributions**: Handled website design and development:
  - **3D Scene Design & Spatial Art Direction**: 3D environment modeling, texturing, lighting, camera trajectories, poster texture integration.
  - **UI/UX Architecture**: macOS glassmorphism desktop windowing interface, menu navigation system, responsive mobile layouts, modal overlays, mouse tips, typography system.
  - **Creative Engineering (Frontend & Backend)**: Next.js App Router, React 19, Three.js / React Three Fiber, Framer Motion animations, canvas drawing engines, MongoDB database architecture, AWS S3 media uploads, serverless APIs.

## Studio Overview & Manifesto
- **Studio Name**: Cortesi Studio
- **Core 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. 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.
- **Core Services**:
  1. Brand Identity Systems & Visual Strategy
  2. Packaging Design Systems
  3. Editorial & Typography Design
  4. Advertisement & Visual Campaigns
  5. Interactive 3D WebGL Web Experiences & Creative Engineering

## Official Social Channels
- **Instagram**: https://www.instagram.com/cortesistudio/
- **Behance**: https://www.behance.net/cortesistudio/moodboards
- **Pinterest**: https://pin.it/5BrR0H7uP
- **Substack**: https://substack.com/@onyourhead
- **Creator Instagram**: https://www.instagram.com/imfucxincreative/

## Architecture & Technology Stack
- **Framework**: Next.js App Router & React 19
- **3D Graphics & WebGL**: Three.js, React Three Fiber (@react-three/fiber), Drei (@react-three/drei), GLTF/GLB spatial assets & shaders
- **Animation & Physics**: Framer Motion & Lenis Smooth Scroll
- **Styling**: Tailwind CSS & Vanilla CSS custom design tokens
- **Database & Cloud Storage**: MongoDB Native Driver & AWS S3 Object Storage
- **Audio Engine**: Howler.js custom spatial audio manager

## Interactive Features & Modules
- **Interactive 3D Interior Canvas**: Spatial 3D environment navigation, dynamic camera interpolation, interactive hot spots, and scroll integration.
- **Photobooth App Window**: Interactive Polaroid capture app allowing visitors to snap photos, draw, apply vintage filters, and save digital polaroids.
- **Digital Sketchbook UI**: HTML5 Canvas drawing pad with multi-tool brush, color controls, and cloud saving.
- **Cortesi Music Player**: Built-in spatial audio player playing curated ambient tracks.
- **Projects Drive & File Manager**: Interactive OS-style file explorer for inspecting brand design case studies, design systems, and digital assets.
- **Poster Overlay Gallery**: High-definition poster gallery with direct inspection modes.
- **Get In Touch Contact App**: Built-in client inquiry form with budget selection and submission handling.

## Detailed AI Context & Documentation
- For complete technical documentation and full knowledge base for AI engines (ChatGPT, Claude, Gemini, Perplexity), see [llms-full.txt](https://cortesistudio.com/llms-full.txt).