# Capgent — Official Brand Identity & Design System Specification

**Project Directory:** `/home/manoj/Google Antigravity/project files/Capgent`  
**Last Updated:** 2026-09-02 (Post Color Finalization)  
**Theme Identity:** Option 1: Electric Mint & Cyber Cyan ("The High-Velocity Growth Engine")

---

## 1. Dual-Mode Color Specification

### A. Dark Mode (Dimmed Luxury Midnight Slate)
*Engineered for visual depth, modern fintech authority, and high-energy algorithmic scaling.*

| Token | Hex Code | Role |
| :--- | :--- | :--- |
| **Canvas / Background** | `#080C14` | Deep Midnight Slate main background |
| **Card / Surface** | `#0F172A` / `rgba(13, 20, 33, 0.75)` | Glassmorphism card surfaces with blur |
| **Primary Growth Accent** | `#00F5A0` | Electric Mint (Primary CTA, ROI highlights, active states) |
| **Secondary Tech Accent** | `#00D2FF` | Hyper-Cyan (Secondary buttons, system tags, badges) |
| **Primary Typography** | `#FFFFFF` | Pure Bright White for all headings & titles |
| **Body & Paragraph Text** | `#E2E8F0` | Crisp Bright Silver-White (100% visible, zero dim gray) |
| **Secondary Text** | `#CBD5E1` | High-contrast muted text |
| **Borders & Grid Lines** | `rgba(255, 255, 255, 0.08)` | Subtle structural divider lines |
| **Accent Border Glow** | `rgba(0, 245, 160, 0.35)` | Neon card hover illumination |

---

### B. Light Mode (100% Pure Clean Crisp White)
*Engineered for maximum contrast, institutional clarity, and zero washed-out grays.*

| Token | Hex Code | Role |
| :--- | :--- | :--- |
| **Canvas / Background** | `#FFFFFF` | 100% Pure Clean White (RGB: 255, 255, 255) |
| **Card / Surface** | `#FFFFFF` | Solid pure white cards with clean borders |
| **Primary Growth Accent** | `#059669` | Rich Emerald Green (Primary buttons, key highlights) |
| **Secondary Tech Accent** | `#0284C7` | High-Contrast Cobalt Cyan (Secondary CTAs & system tags) |
| **Primary Typography** | `#000000` / `#0A0F1D` | Deep Solid Jet Black for all headings & titles |
| **Body & Paragraph Text** | `#0F172A` (weight: 500) | Solid High-Contrast Jet Black (Zero washed-out gray) |
| **Secondary Text** | `#1E293B` | Solid charcoal for minor captions |
| **Borders & Grid Lines** | `#CBD5E1` / `#E2E8F0` | Sharp crisp divider lines |
| **Card Shadows** | `rgba(0, 0, 0, 0.06)` | `0 10px 30px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.05)` |

---

## 2. Typography Rules

### Primary Display Headings (Editorial Elegance)
* **Font Family:** `Lora` (Google Serif)
* **Weights:** `400` (Regular) / `500` (Medium) / `600` (Semi-Bold)
* **Line Height:** `1.2` to `1.35`
* **Letter Spacing:** `-0.02em`

### Functional Interface, Data & Body (Technical Precision)
* **Font Family:** `Inter` (Google Sans-Serif)
* **Weights:** `400` (Regular), `500` (Medium), `600` (Semi-Bold), `700` (Bold), `800` (Extra Bold)
* **Line Height:** `1.6` to `1.7`
* **Rule for Body Text:** Never use light gray (#94A3B8 or #64748B) for primary paragraph copy. In Light Mode, use `#0F172A` (solid black); in Dark Mode, use `#E2E8F0` (bright silver white).

---

## 3. High-Contrast Design Principles

1. **Pure White Guarantee:** In Light Mode, backgrounds must always be true `#FFFFFF` (no off-white, no beige, no muddy gray).
2. **Text Visibility First:** All paragraphs, subtitles, and list items must have maximum contrast ratio (exceeding WCAG AAA standards).
3. **Dual-Theme Persistence:** The website must smoothly toggle between Dark (`#080C14`) and Light (`#FFFFFF`) with state saved in `localStorage`.
4. **Clean Structural Grid:** Use sharp 1px borders (`#CBD5E1` in light, `rgba(255,255,255,0.08)` in dark) rather than heavy drop shadows.

---

*This document is the official color & design standard for Capgent.*