# PDF Layout Analysis Report

This report summarizes the layout and color scheme used in the PDF generation templates ([products-pdf-code.html](file:///e:/GP-Crackers-shop/trash/products-pdf-code.html) and [cart-pdf-code.html](file:///e:/GP-Crackers-shop/trash/cart-pdf-code.html)) found in the `trash` folder.

## 1. Overall Content & Typography
- **Font Family**: `Arial, sans-serif`
- **Primary Text Color**: `#333` (Dark Gray)
- **Secondary Text Color**: `#666` (Medium Gray) - Used for subtitles like "Official Price List".
- **Footer/Note Color**: `#777` (Light Gray) - Used for small descriptions.
- **Accents**: `#d32f2f` (Theme Red) - Used for emphasis and main headings.

## 2. Header: Logo & Contact Info
The header is a `flexbox` layout with a bottom border: `2px solid #d32f2f`.

- **Logo (Left)**: Contained in a `div` with `flex: 1`, `text-align: left`. Max-height set to `70px`.
- **Main Title (Middle)**: 
    - **Company Name**: `##d32f2f`, `24px`.
    - **Subtitle**: `#666`, `14px`, bold, uppercase.
- **Contact Info (Right)**:
    - **Font Size**: `11px`
    - **Line Height**: `1.4`
    - **Color**: `#333`
    - Labels (Address, Phone, Email) are **bold**.
    - Layout uses a small table for precision alignment.

## 3. Table Layout & Content
The table uses a clean, standard layout for clarity.

- **Structure**:
    - **Width**: `100%`
    - **Border Collapse**: `collapse`
    - **Top Margin**: `20px`
- **Header (`<thead>`)**:
    - **Background Color**: `#f8f9fa` (Off-white/Light gray)
    - **Cell Padding**: `10px`
    - **Borders**: `1px solid #ddd`
    - **Text Color**: Inherited (`#333`)
- **Body (`<tbody>`)**:
    - **Cell Borders**: `1px solid #ddd`
    - **Text Alignment**: 
        - S.No & Product: `left`
        - Price & Qty: `center`
        - Total: `right`

## 4. Summary Table of Colors

| Element | Color Code | Color Name/Visual |
| :--- | :--- | :--- |
| **Theme / Red Heading** | `#d32f2f` | Red |
| **Main Content / Body** | `#333` | Dark Gray |
| **Subtitles / Labels** | `#666` | Medium Gray |
| **Footer Detail** | `#777` | Light Gray |
| **Table Header BG** | `#f8f9fa` | Off-white |
| **Borders** | `#ddd` | Light Gray Line |

---
> [!NOTE]
> Both [products-pdf-code.html](file:///e:/GP-Crackers-shop/trash/products-pdf-code.html) and [cart-pdf-code.html](file:///e:/GP-Crackers-shop/trash/cart-pdf-code.html) use identical styling for brand consistency across price lists and cart summaries.
