# Tech Stack Visual Design Scheme

## 1. Design Philosophy

### Overall Visual Direction

- A design of precision, efficiency, and sophistication. The aesthetic is inspired by the functional clarity of Polestar and the informational density of MIT Technology Review. The core idea is to mirror the clean, structured logic of the code itself, using a minimalist tech-focused language that conveys authority and innovation.

### Content Density

- High density. Each slide should convey 3-5 key points with a content-to-whitespace ratio of over 80%. The design prioritizes clear information hierarchy and data visualization, ideal for technical documentation and architectural diagrams.

## 2. Color System

**Primary Colors**

- Background color: #1A1D21 (Deep dark blue-gray, establishing a premium tech foundation)
- Primary color: #4A4F59 (Medium gray, for structural elements and secondary information)
- Secondary color: #333842 (Dark gray, for containers and divisions)
- Accent color: #6EEB83 (Electric green, highlighting key data and interactive elements)

**Text Colors**

- Dark text (for light backgrounds): #2C2F33
- Light text (for dark backgrounds): #F3F4F6

## 3. Font Design

**Heading Fonts**

- English fonts
  - Chiron Hei HK (A modern geometric sans-serif with sharp lines, providing a strong technological and precise feel for titles)

**Body Fonts**

- English fonts
  - Quattrocento Sans (A clean and highly readable sans-serif, its excellent clarity makes it perfect for dense technical information and code)

## 4. Image Style

- Imagery should be abstract and minimalist, focusing on architectural diagrams and code snippets. Use a dark theme with syntax highlighting. If photography is used, it should be abstract shots of light on dark, textured surfaces or minimalist geometric patterns, avoiding corporate stock photos.